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

Tab Height

1 Answer 86 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Voss Grose
Top achievements
Rank 1
Voss Grose asked on 08 Feb 2009, 07:39 PM
Is it possible to change the height of a Tab when using a skin?

1 Answer, 1 is accepted

Sort by
0
Serrin
Top achievements
Rank 1
answered on 10 Feb 2009, 07:00 PM
Hey Voss,

If you are using a skin like SkyBlue, which uses only CSS styling for the tabs (except for one arrow picture), you can do this:

.RadTabStrip_SkyBlue .rtsLevel1 .rtsLink,  
.RadTabStrip_SkyBlue .rtsLevel1 .rtsTemplate  
{  
    line-height: 40px !important;  

Just change the 40px to whatever you want the height to be.  Otherwise, if you're using something like Inox, keep in mind that the background images are css sprites (actually true in most cases, hence the great looking TabStrip skins), so if you're trying to change the height, you're going to get some extra sprite images visible.  In that case, you would need to modify the height of the tab as well as customize the image to the new height you're looking for.
Tags
TabStrip
Asked by
Voss Grose
Top achievements
Rank 1
Answers by
Serrin
Top achievements
Rank 1
Share this question
or