White tab background - change to theme color

ACDC

If you are using the Blue or Gray theme and want to get rid of the white background in your tabs go to the .css file and change the background settings under ".x-tab-panel-body as follows:

.x-tab-panel-body {
border-color:#d0d0d0;
background:#EEEEEE;

RLJB

Hi ACDC

Can you please give us some more info on what CSS file you changed to fix this?

Thanks
Rod.

ACDC

sure, if you go to the theme file, eg:

Tomcat\webapps\AwareIM\ext20\resources\xtheme-gray.css

Open the file with a text editor and do a Find on .x-tab-panel-body
and change the parameters according to my example

If you do not find .x-tab-panel-body in the file, then insert it into the file

BTW remember to refresh the browser to get the new .css update

RLJB

Hi ACDC

Have you tried doing this on the recent Aware version (ie using Extjs 4)?

It appears to not have tab-panel-body as a variable in the scss variables file, so can't change it?

Thanks

Rod

ACDC

Hi Rod
sorry, I don't use this feature anymore, but if you try scoping it with firebug you should find some setting there