A vertical tabstrip is rendered when the Orientation property is set to VerticalLeftToRight or VerticalRightToLeft.
The two values differ in the alignment of child tabs, if any:
- VerticalLeftToRight aligns child tabs to the left of their parents;
- VerticalRightToLeft aligns child tabs to the right of their parents.
 |
In vertical mode the tabstrip should use vertical skins. Vertical skins have the "Vertical" prefix in their name. |
The example below shows two vertical tabstrips as defined by the Orientation property of RadTabStrip.
Left-to-right:
| ASPX |
 Copy Code |
|
<rad:RadTabStrip id="RadTabStrip1" runat="server"
Orientation="VerticalLeftToRight" Skin="VerticalSimple">
<Tabs>
<rad:Tab Text="Company"></rad:Tab>
<rad:Tab Text="Products">
<Tabs>
<rad:Tab Text="Try"></rad:Tab>
<rad:Tab Text="Purchase"></rad:Tab>
</Tabs>
</rad:Tab>
<rad:Tab Text="Services"></rad:Tab>
<rad:Tab Text="Support"></rad:Tab>
<rad:Tab Text="Contact Us"></rad:Tab>
</Tabs>
</rad:RadTabStrip> |
Right-to-left:
| ASPX |
Copy Code |
|
<rad:RadTabStrip id="RadTabStrip1" runat="server"
Orientation="VerticalRightToLeft" Skin="VerticalSimple">
<Tabs>
<rad:Tab Text="Company"></rad:Tab>
<rad:Tab Text="Products">
<Tabs>
<rad:Tab Text="Try"></rad:Tab>
<rad:Tab Text="Purchase"></rad:Tab>
</Tabs>
</rad:Tab>
<rad:Tab Text="Services"></rad:Tab>
<rad:Tab Text="Support"></rad:Tab>
<rad:Tab Text="Contact Us"></rad:Tab>
</Tabs>
</rad:RadTabStrip> |
See Also