How to apply css in Sencha? I am using Sencha architect 3 - sencha-touch-2

All the search results are showing how to do it in sencha architect 2 not in sencha architect 3.

Add a css resource from the toolbox. http://docs.sencha.com/architect/3/#!/guide/resources

Related

How to get Bootstrap panel working with ngx-bootstrap

I am trying to add a bootstrap panel to ngx-bootstrap + angular 7 web application, somehow I am not getting the styling.
Here is an example I am trying in stackblitz
I have added bootstrap css file in index.html.
Here is code sample
https://stackblitz.com/edit/angular-wl7dqs
panel is not available in Bootstrap 4.
If you need panel, better use Bootstrap 3.
https://stackblitz.com/edit/angular-vksoqn
or
else you can give a try to card in Bootstrap 4.
https://stackblitz.com/edit/angular-nk7srt

Bootstrap buttons for DataTables

Im In need of assistance when it comes to implementing Bootstrap buttons in a DataTable where the purpose is to toggle the columns with these buttons.
This is how it looks like by default in the DataTables design, what I am trying to do is to use the Bootstrap design instead and also place the buttons to the left of the table which seem rather impossible...
If you have any suggestions please feel free to discuss it!
Check This
Bootstrap 3
This example shows DataTables and the Buttons extension being used with the Bootstrap framework providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap page.
https://datatables.net/extensions/buttons/examples/styling/bootstrap.html

Can I have an horizontal panel using bootstrap?

I currently use jquery mobile horizontal panel:
http://demos.jquerymobile.com/1.3.2/widgets/panels/
Is it possible to have the same using bootstrap?
You can absolutely do the above panels using Bootstrap.
Check the following Third Party Libraries.
http://rosskevin.github.io/bootstrap-material-design/material-design/drawers/
http://carolineamaba.com/bootstrap-drawer/
Easy tutorials are available in w3schools.com
https://www.w3schools.com/howto/howto_js_sidenav.asp

Advanced Mobile View

I use Bootstrap for responsiveness. But my client likes the mobile view of https://www.konga.com
How is this achieved, or what kinda framework is used for this, or is it an app embedded into the website?
This can be achieved by using bootstrap grid layout with custom styling. There cannot be a framework for such requirements. Bootstrap framework provides the initial base for developing UI elements, rest can be easily customized using Normal CSS styles that depends on designer

Inline Nested Lists

How do I do this :
http://try.sencha.com/touch/2.1.0/guides/nested_list.3/
I'm using sencha architect. I don't want to use JSON or XML or whatever. I want it to be inline.
Sencha touch nested list no data
Answer is there.
I don't know why Sencha team provide a non working exemple with root...