How to Change Tab Skin for each tab.

2 posts, 0 answers
  1. sd f
    sd f avatar
    1 posts
    Member since:
    Jan 2010

    Posted 19 Apr 2010 Link to this post

    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> 
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 23 Apr 2010 Link to this post

    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.

Back to Top