This is a migrated thread and some comments may be shown as answers.

Auto Wrap Tab Strip

3 Answers 166 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
sidcom
Top achievements
Rank 1
sidcom asked on 19 Jun 2008, 10:36 AM
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

3 Answers, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 19 Jun 2008, 02:52 PM
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
0
Drew
Top achievements
Rank 1
answered on 19 May 2009, 05:53 PM
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?
0
Paul
Telerik team
answered on 20 May 2009, 01:54 PM
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.
Tags
TabStrip
Asked by
sidcom
Top achievements
Rank 1
Answers by
Paul
Telerik team
Drew
Top achievements
Rank 1
Share this question
or