Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Multiple Css class on a TabStrip
RadControls for ASP.NET are no longer supported (see this page for reference). In case you have inquiries about the Telerik ASP.NET AJAX controls, post them in the pertinent ASP.NET AJAX forums.

Not answered Multiple Css class on a TabStrip

Feed from this thread
  • Uday avatar

    Posted on Feb 17, 2011 (permalink)

    Hi,

    I have to implement two styles to a single tab.

    One selection the tab font should be in black, but when not selected it should be in blue. Please find the code below:

     

     

     

    .CustomRadTab

     

    {

     

     

    color:#ffffff !important;

     

     

    }

     

     

     

    .CustomTab

     

    {

     

     

    color: #336699 !important;

     

     

    }
     

     

     

    <

     

     

     

    telerik:RadTab runat="server" Text="Attachments" Selected="True" CssClass="CustomTab" SelectedCssClass="CustomRadTab">

     

     

     

     

     

     

     

     

     

     

     

    </telerik:RadTab>

     

     

     

     

     

     

     

     

     

     

     

    <telerik:RadTab runat="server" Text="Application Charecteristics" CssClass="CustomTab" SelectedCssClass="CustomRadTab">

     

     

     

     

     

     

     

     

     

     

     

    </telerik:RadTab>

     

     

     

     

     

     

     

     

     

     

     

    <telerik:RadTab runat="server" Text="Feedback" CssClass="CustomTab" SelectedCssClass="CustomRadTab">

     

     

     

     

     

     

     

     

     

     

     

    </telerik:RadTab>

    Thank you in advance.

     

  • Kate Kate admin's avatar

    Posted on Feb 17, 2011 (permalink)

    Hello Uday,

    In case you use the Default skin of the menu you could add the following class selectors to change the text color to blue (when not selected) and to red in this case, or any other color (to change when the tab is selected):
    div.RadTabStrip_Default .rtsLI,
    div.RadTabStrip_Default .rtsLink
              {
                  color: #336699;
             }
    div.RadTabStrip_Default .rtsLI .rtsSelected
             {
                 color: Red;
             }


    Kind regards,
    Kate
    the Telerik team
    Vote for Telerik products at the Great Indian Developer Awards

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET > Tabstrip > Multiple Css class on a TabStrip