ComponentOne TabStrip for ASP.NET AJAX: TabStrip for ASP.NET AJAX Task-Based Help > Customizing the Appearance of a C1TabStrip > Setting the Alignment of a Vertical C1TabStrip

Setting the Alignment of a Vertical C1TabStrip

A vertical C1TabStrip control can be aligned in four positions: top, bottom, middle, and justified. This topic illustrates how to set the alignment of a vertical tabstrip in Design view, in Source view, and in code.

In Design View

Complete the following steps:

1.   Click C1TabStrip's smart tag () to open the C1TabStrip Tasks menu and then select TabStrip Designer.

      The C1TabStrip Designer Form appears.

2.   Use the Add Child Item button  to add two tabs to your C1TabStrip.

3.   In treeview, select C1TabStrip1 to reveal its list of properties.

4.   Locate the Direction property and set it to Left.

5.   Navigate to the Height property and enter "350px" into its text box.

6.   Locate the Alignment property, click its drop-down arrow, and select an option. For this example, select Center.

7.   Press OK and observe that the alignment of your tabstrip is now set to your specification.

In Source View

To change the alignment of your vertical C1TabStrip in Source view, add  Alignment="Center" to the <cc1:C1TabStrip> tag. The following HTML aligns C1TabStrip on the center of the page:

 

<cc1:C1TabStrip ID="C1TabStrip1" runat="server" Direction="Vertical" Alignment="Center">

In Code

Complete the following steps:

1.   Import the following namespace into your project:

      Visual Basic

Imports C1.Web.UI.Controls

      C#

using C1.Web.UI.Controls;

2.   Add the following code to the Page_Load event:

      Visual Basic

C1TabStrip1.Alignment = TabAlignment.Center

      C#

C1TabStrip1.Alignment = TabAlignment.Center;

3.   Run the program.


Send comments about this topic to ComponentOne.
Copyright © 1987-2010 ComponentOne LLC. All rights reserved.