This is a migrated thread and some comments may be shown as answers.

RadTabStrip

3 Answers 85 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Jan
Top achievements
Rank 1
Jan asked on 28 Aug 2012, 06:43 AM
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

3 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 28 Aug 2012, 07:54 AM
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.
0
Jan
Top achievements
Rank 1
answered on 28 Aug 2012, 08:22 AM
Thank you Shinu, it is working fine.

What about RadPanelBar. When panel Item is open. I want to change that color to custom one?
0
Accepted
Shinu
Top achievements
Rank 2
answered on 28 Aug 2012, 08:41 AM
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.
Tags
Ajax
Asked by
Jan
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Jan
Top achievements
Rank 1
Share this question
or