RadTabStrip

[Jan]

Hi, 
I am using RadTabStrip with "Metro" skin. By default this skin is blue.

Is it possible to set a custom color of that RadTabStrip?

br,
Jan

[Shinu]

Hi Jan,

I suppose you want to change the default background-color of RadTabStrip. Try overriding the default CSS as follows to achieve your scenario.

CSS:

<style type="text/css">
    .RadTabStripTop_Metro .rtsLevel1
        {
            background-color: Red !important;
        }

    .RadTabStrip_Metro .rtsLevel1 .rtsUL
        {
            background-color: Red !important;
        }
</style>

Hope this helps.

Regards,
Shinu.

[Jan]

Thank you Shinu, it is working fine.

What about RadPanelBar. When panel Item is open. I want to change that color to custom one?

[Shinu]

Hi Jan,

Try the following CSS to override the default CSS of RadPanelBar with Metro skin.

CSS:

<style type="text/css">
    .RadPanelBar_Metro a.rpSelected, .RadPanelBar_Metro div.rpSelected, .RadPanelBar_Metro a.rpSelected:hover
        {
            background-color: red !important;
            border-color: red !important;
        }

    .RadPanelBar_Metro a.rpExpanded, .RadPanelBar_Metro div.rpExpanded
        {
            background-color: red !important;
            border-color: red !important;
        }
</style>

Hope this helps.

Regards,
Shinu.