Disabled tab rendering

[Brete]

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1"
            PerTabScrolling="True" ReoderTabsOnSelect="True" Skin="WebBlue"
            Width="310px" SelectedIndex="2">
                <Tabs>
                    <telerik:RadTab runat="server" Text="Quotes/Logos" Value="1">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Enabled=false Text="Photo" Value="2">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" IsBreak="True" Text="Personal Information"
                        Value="3" Selected="True">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Return Address" Value="4">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Message" Value="5">
                    </telerik:RadTab>
                    <telerik:RadTab runat="server" Text="Disclaimer" Value="6">
                    </telerik:RadTab>
                </Tabs>
                </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Height="520px"
            Width="315px" 
            Style="border-right: rgb(145,155,156) 3px solid; border-top: rgb(145,155,156) 3px solid; margin-top: -2px; border-left: rgb(145,155,156) 3px solid; border-bottom: rgb(045,055,056) 12px solid"
            SelectedIndex="2">
            <telerik:RadPageView ID="RadPageView1" runat="server">
            1
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server">
            2
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView3" runat="server">
            3
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView4" runat="server">
            4
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView5" runat="server">
            5
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView6" runat="server">
            6
            </telerik:RadPageView>
        </telerik:RadMultiPage>

In the above sample the "Photo" tab is disabled.  In the VS 2008 designer it appears (disabled) grayed out.  However it does not  appear grayed out at run time. It is disabled (You cannot click it), but does not render correctly.  I tired several skins to no avail. 

[Atanas Korchev]

Hello Brete,

Indeed the disabled state of the Web20 skin does not stand out clearly. Please try adding this CSS in your page which will emphasize that the tab is disabled:

    <style type="text/css">
        .RadTabStrip_WebBlue .rtsDisabled .rtsIn
        {
            text-decoration: line-through !important;
            color: gray !important;
            cursor: default;
        }
    </style>

Regards,
Albert
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Brete]

Thanks. 

For any one else with this problem I also changed the CSS for the 

 .RadTabStrip_Skinname .rtsDisabled {
  text-decoration: line-through !important;
            color: LightSlateGray !important;
            background-color:LightGrey !important;
            background-image:none !important;
            cursor: default;
}
.RadTabStrip_Skinname .rtsDisabled .rtsIn
        {
  text-decoration: line-through !important;
            color: LightSlateGray !important;
            background-color:LightGrey !important;
            background-image:none !important;
            cursor: default;
}
          .RadTabStrip_Skinname .rtsDisabled .rtsOut
{
background-color: LightGrey !important;
            background-image:none !important;
 padding-right: 3px;

}

This gives a better appearance. 


Is the Disabled CSS issue going to addressed in a future update??