Auto Wrap Tab Strip

4 posts, 0 answers
  1. sidcom
    sidcom avatar
    11 posts
    Member since:
    Jan 2007

    Posted 19 Jun 2008 Link to this post

    Hi There

    Im curretnly using a tabstrip as a navigation and would like to know if there is a way of autowrapping tabs onto a new line instead of scrolling the tabs.


    I have a tabstrip that is 100% of the page width. If there is not enough room to display all the tabs i would like the overflow to move down to the next line

    Thanks in advance
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 19 Jun 2008 Link to this post

    Hello sidcom,

    Actually, this is the default behavior of the control. Here's a sample code snippet:

    <body> 
        <form id="form1" runat="server">  
            <asp:ScriptManager ID="smPageScriptManager" runat="server" /> 
            <telerik:RadTabStrip ID="rtbstMain" runat="server" Width="100%">  
                <Tabs> 
                    <telerik:RadTab runat="server" Text="Root RadTab1">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab2">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab3">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab4">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab5">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab6">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab7">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab8">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab9">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab10">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab11">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab12">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab13">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab14">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab15">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab16">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab17">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab18">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab19">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab20">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab21">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab22">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab23">  
                    </telerik:RadTab> 
                    <telerik:RadTab runat="server" Text="Root RadTab24">  
                    </telerik:RadTab> 
                </Tabs> 
            </telerik:RadTabStrip> 
        </form> 
    </body> 

    Let us know what's different on your side.

    Greetings,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Drew
    Drew avatar
    22 posts
    Member since:
    Mar 2009

    Posted 19 May 2009 Link to this post

    i have a similar setup. i am dynamically adding the tabs and the default auto-wrap is nice, however, i'm having an issue with the end tab being cut off (before the wrap). is there any way to force the wrap at a certain width without cutting off tabs?
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 20 May 2009 Link to this post

    Hi Drew,

    Actually, this is a known glitch for some of the skins. Unfortunately, there's no way you can have multiline tabstrip that uses overlapping tabs. The only solution is to change the skin (i.e. use Outlook).

    Regards,
    Paul
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top