How to change background color of all panels and containers of sencha touch 2 app

extjssencha-touchsencha-touch-2

I am trying to change theme of sencha application, i want to know how to change background color of all panels and containers of sencha touch app like touchstyle application

I changed the title bar, tab panel color, but i don't know how to change the color of panel and container.

Best Answer

Set the style config.

style: {
    background: 'red'
}

EDIT: You could set the cls config for your panel. E.g: cls: red-bg and in your stylesheet:

.red-bg .x-panel-body{
    background-color : red !important;
}

Related Solutions

Sencha touch how to change titles in tab bar

The line that says:

this.getAt(0).setTitle('emoh')

…will change the title of your panel, but not the button itself. To change the button text, use:

this.getTabBar().getAt(0).setTitle('emoh')

Here's a fiddle with your code to demonstrate.

While there, here's a tip: use alias: 'widget.main' instead of xtype: 'main'. xtype is for configs, alias is for defining the alias which in turn can be used later with xtype (use prefix widget. to be used as a widget, store. to be used as a store, etc.).

Best Answer

Related Solutions

Sencha touch how to change titles in tab bar

Related Topic