RadTabStrip for ASP.NET AJAX

RadControls for ASP.NET AJAX

It is easy to define the hierarchy of tabs statically at design time. You can use the RadTabStrip Item Builder to create the hierarchy in the Visual Studio Designer:

Item builder with items

Alternately, you can use the Source page to specify the items declaratively:

CopyASPX
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" >
 <Tabs>
   <telerik:RadTab runat="server" Text="Documents A-F">
     <Tabs>
       <telerik:RadTab runat="server" Text="A" />
       <telerik:RadTab runat="server" Text="B" />
       <telerik:RadTab runat="server" Text="C" />
       <telerik:RadTab runat="server" Text="D" />
       <telerik:RadTab runat="server" Text="E" />
       <telerik:RadTab runat="server" Text="F" />
     </Tabs>
   </telerik:RadTab>
   <telerik:RadTab runat="server" Text="Documents G-L">
     <Tabs>
       <telerik:RadTab runat="server" Text="G" />
       <telerik:RadTab runat="server" Text="H" />
       <telerik:RadTab runat="server" Text="I" />
       <telerik:RadTab runat="server" Text="J" />
       <telerik:RadTab runat="server" Text="K" />
       <telerik:RadTab runat="server" Text="L" />
     </Tabs>
   </telerik:RadTab>
   <telerik:RadTab runat="server" Text="Documents M-R">
     <Tabs>
       <telerik:RadTab runat="server" Text="M" />
       <telerik:RadTab runat="server" Text="N" />
       <telerik:RadTab runat="server" Text="O" />
       <telerik:RadTab runat="server" Text="P" />
       <telerik:RadTab runat="server" Text="Q" />
       <telerik:RadTab runat="server" Text="R" />
     </Tabs>
   </telerik:RadTab>
   <telerik:RadTab runat="server" Text="Documents S-Z">
     <Tabs>
       <telerik:RadTab runat="server" Text="S">
          <Tabs>
             <telerik:RadTab runat="server" Text="SA-SE" />
             <telerik:RadTab runat="server" Text="SH-SY" />
          </Tabs>
       </telerik:RadTab>
       <telerik:RadTab runat="server" Text="T" />
       <telerik:RadTab runat="server" Text="U" />
       <telerik:RadTab runat="server" Text="V" />
       <telerik:RadTab runat="server" Text="W" />
       <telerik:RadTab runat="server" Text="XYZ" />
     </Tabs>
   </telerik:RadTab>
 </Tabs>
</telerik:RadTabStrip>

The result is a hierarchy of tabs:

Hierarchy of tabs

See Also