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:
Imports C1.Web.UI.Controls
• C#
using C1.Web.UI.Controls;
2. Add the following code to the Page_Load event:
C1TabStrip1.Alignment = TabAlignment.Center
• C#
C1TabStrip1.Alignment = TabAlignment.Center;
3. Run the program.
|