[CLOSED] Change background color of button and tab of tab panel

[Pablo_Azevedo]

How to change the background color of a button and tabpanel's tab (in red in the picture below)? Tried to use firebug to figure it out without success.

[Baidaly]

Hello!

You should override the following CSS:

.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background-image: url("tabSprite.gif") !important;
}

Where tabSprite should special sprite image like this one:

You can use ImageEditor to change its color.

[Pablo_Azevedo]

Didn't work, pal.

See:



The color only changes in the cornersin a strange way... And when the mouse is over the tab the color disappears.

See what i've done:

 <style type="text/css">
        .x-tab-strip-active span.x-tab-strip-text {
            font-size: 11pt;
        }

        .x-tab-strip span.x-tab-strip-text {
            font-size: 11pt;
        }

        .x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
            background-image: url("App_Themes/Imagens/main_tab_background.gif") !important;
        }
    </style>

Am i missing something?

[Daniil]

Here is an example of changing color of an active tab.
http://forums.ext.net/showthread.php?16182#post68758

It should help you.

Re: button color

I see you started a new thread.
http://forums.ext.net/showthread.php?24455