RadTabStrip for ASP.NET
Contents
Multi-row tabstrip Send comments on this topic.
See Also
Feature overview > Multi-row tabstrip

Glossary Item Box

 

The simplest way to create a multi-row tabstrip is by setting the area of the control to be narrower than the tabstrip. The tabs will then be automatically distributed along as many rows as necessary. (The width of the tabstrip is controlled by the Width property.)

To implement this functionality, the tabstrip must be non-scrollable. (See Scrollable tabstrip.)
 

Create a multi-row tabstrip using the IsBreak property

The IsBreak property of a tab defines that the next tab in the strip will start on a new row. The property has effect only when the tabstrip is horizontal.

Example

The tabstrip below is made multi-row by assigning the IsBreak property to True on Tab3.

A multi-row tabstrip

ASPX Copy Code
<Tabs>
    <rad:Tab TabStrip="RadTabStrip" Text="Tab1"></rad:Tab>
    <rad:Tab TabStrip="RadTabStrip" Text="Tab2"></rad:Tab>
    <rad:Tab TabStrip="RadTabStrip" IsBreak="True" Text="Tab3"></rad:Tab>
    <rad:Tab TabStrip="RadTabStrip" Text="Tab4"></rad:Tab>
    <rad:Tab TabStrip="RadTabStrip" Text="Tab5"></rad:Tab>
    <rad:Tab TabStrip="RadTabStrip" Text="Tab6"></rad:Tab>
</Tabs>
See a live example of this functionality at www.telerik.com.

See Also