Disabled tab rendering

3 posts, 0 answers
  1. Brete
    Brete avatar
    41 posts
    Member since:
    Feb 2008

    Posted 30 Apr 2008 Link to this post

    <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. 
  2. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 01 May 2008 Link to this post

    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
  3. Brete
    Brete avatar
    41 posts
    Member since:
    Feb 2008

    Posted 01 May 2008 Link to this post

    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?? 

Back to Top