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

How to Change Tab Skin for each tab.

1 Answer 102 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
sd f
Top achievements
Rank 1
sd f asked on 19 Apr 2010, 02:36 PM
I having 13 tabs. I want the first tabs has different Skin  use from the rest of the tabs. In my code only one skin use the Skin ="Home".
It is possible to have different skin use for each tab?
        <telerik:RadTabStrip ID="rtsMain" runat="server"  EnableEmbeddedSkins="false" Skin="Home">  
            <Tabs> 
  <telerik:RadTab value = 0 text="Home" Skin="Sample">
   </telerik:RadTab> 
                <telerik:RadTab value = 1></telerik:RadTab> 
                <telerik:RadTab value = 2></telerik:RadTab> 
                <telerik:RadTab value = 3></telerik:RadTab> 
                <telerik:RadTab value = 4></telerik:RadTab>
                <telerik:RadTab value = 5></telerik:RadTab>
                <telerik:RadTab value = 6></telerik:RadTab> 
                <telerik:RadTab value = 7 Selected="True"></telerik:RadTab>
                <telerik:RadTab value = 8></telerik:RadTab> 
                <telerik:RadTab value = 9></telerik:RadTab> 
                <telerik:RadTab value = 10></telerik:RadTab> 
                <telerik:RadTab value = 11></telerik:RadTab>
                <telerik:RadTab value = 12 ></telerik:RadTab>
            </Tabs> 

1 Answer, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 23 Apr 2010, 11:41 AM

Hi,

With RadTabStrip you can customize the look and feel of each single tab. RadTab objects have a number of properties whose value is the name of a CSS class (CssClass, SelectedCssClass,DisabledCssClass, HoveredCssClass, ChildGroupCssClass, OuterCssClass etc). These properties let you alter the appearance of individual tabs in the tab strip without using a custom skin.

The following links explains more on this topic.

Custom CSS Classes

Setting the CSS Class of Tabs

-Shinu.

Tags
TabStrip
Asked by
sd f
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Share this question
or