Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

TabStrip / Alignment


  • RadTabStrip supports two layouts - Horizontal (default) and Vertical.

    In Horizontal layout, the Align property allows you to specify the way tabs position themselves:

    • Left - tabs will be left aligned;
    • Right - tabs will be right aligned;
    • Center - tabs will be centered;
    • Justify - tabs will be proportionally resized to full-up the width of the tabstrip.

    In Vertical layout, the values of the Align property are as follows:

    • Left - tabs will be aligned to the top;
    • Right - tabs will be aligned to the bottom;
    • Center - tabs will be positioned in the middle;
    • Justify - tabs will be proportionally resized to full-up the height of the tabstrip.

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

    <%@ Page Language="vb" CodeFile="DefaultVB.aspx.vb" AutoEventWireup="false" Inherits="Telerik.Web.Examples.TabStrip.Functionality.Alignment.DefaultVB" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <qsf:HeadTag runat="server" ID="Headtag1"></qsf:HeadTag>
    </head>
    <body class="BODY">
        <form runat="server" id="mainForm" method="post">
            <telerik:RadScriptManager ID="ScriptManager" runat="server" />
            <qsf:Header runat="server" ID="Header1" NavigationLanguage="VB"></qsf:Header>
            <telerik:RadTabStrip runat="server" ID="RadTabStrip1" SelectedIndex="0"
                MultiPageID="RadMultiPage1">
                <Tabs>
                    <telerik:RadTab Text="Products">
                        <Tabs>
                            <telerik:RadTab Text="RadControls for ASP.NET">
                            </telerik:RadTab>
                            <telerik:RadTab Text="RadControls for WinForms">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Telerik Reporting">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Sitefinity CMS">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Services">
                        <Tabs>
                            <telerik:RadTab Text="Enterprise Services">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Enterprise Account Manager">
                            </telerik:RadTab>
                            <telerik:RadTab Text="On-site Training">
                            </telerik:RadTab>
                            <telerik:RadTab Text="GoToMeeting Sessions">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Corporate">
                        <Tabs>
                            <telerik:RadTab Text="Corporate Info">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Press Center">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Customers">
                            </telerik:RadTab>
                            <telerik:RadTab Text="Awards">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <div style="margin-top: 50px;"></div>
            
            <qsf:ConfiguratorPanel runat="server" ID="ConfigurationPanel1" Expanded="True">
                <div class="title">
                    Select tab alignment:</div>
    <asp:RadioButtonList ID="RadioButtonList2" runat="server" AutoPostBack="True" CssClass="text"
    OnSelectedIndexChanged="RadioButtonList2_SelectedIndexChanged">

                    <asp:ListItem Value="Left" Selected="True">Left</asp:ListItem>
                    <asp:ListItem Value="Center">Center</asp:ListItem>
                    <asp:ListItem Value="Right">Right</asp:ListItem>
                    <asp:ListItem Value="Justify">Justify</asp:ListItem>
                </asp:RadioButtonList>
            </qsf:ConfiguratorPanel>
            <qsf:Footer runat="server" ID="Footer1"></qsf:Footer>
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451