Change color of Sencha Touch Ext.TabPanel

Question

new Ext.TabPanel({
            fullscreen: true,
            cardSwitchAnimation: \'slide\',
            ui: \'dark\',
            items: [home, about]
        });
         


        

Answer 1

Give your tabPanel or its children a cls attribute. This gives the html tag a class, so you can use it for styling in your CSS.

Obviously after this, you would style it using something like:

background-image: url(...);
background-color: pink;