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

radtab formatting css

1 Answer 64 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Chris
Top achievements
Rank 1
Chris asked on 17 Sep 2015, 03:15 AM

Hi, I'm using the tabstrip with rendermode="lightweight" and skin="metrotouch" I'm trying to override some css to change some colors;

eg .selectedtab{background:#16a085 !important;}.RadTabStripTop {background:red !important;}

All working fine, except struggling to find what controls the strip below the tabs. See attached dump - blue strip across entire control. Need to change this color.....

Any suggestions please?

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 17 Sep 2015, 12:44 PM
Hello Chris,

The flowing rule will be remove the blue strip at the bottom of the control in its lightweight render mode:
html .RadTabStrip .rtsLevel1 {
    border: 0;
}


We have also noticed that you are applying a custom CSS classes to the control to style style its elements. The other option is to use our inbuilt CSS classes without using an "!important":
html .RadTabStrip {
    background: red;
}
 
html .RadTabStrip .rtsLevel1 .rtsSelected .rtsLink {
    background: yellow;
}


Regards,
Magdalena
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
TabStrip
Asked by
Chris
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Share this question
or