White tab background - change to theme color

ACDC · Post by **ACDC** » Fri Nov 06, 2009 3:48 pm

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 · Post by **RLJB** » Tue Jun 22, 2010 1:04 am

Hi ACDC

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

Thanks
Rod.

ACDC · Post by **ACDC** » Tue Jun 22, 2010 9:28 am

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 · Post by **RLJB** » Mon Sep 24, 2012 5:05 am

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 · Post by **ACDC** » Tue Sep 25, 2012 9:30 am

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