Changing the Tabstrip Placement

The tabstrip of a C1TabControl control is placed on the top by default, but you can also place it to the left, right, or bottom of the control by setting the TabStripPlacement property. In this topic, you will set the TabStripPlacement property to Right in Design view, in XAML, and in code. For more information, see Tabstrip Placement. For more information on tabstrip placement settings, see Tabstrip Placement.

In Design View

Complete the following steps:

1.   Select the C1TabControl control.

2.   In the  Properties window, click the TabStripPlacement drop-down arrow and select Right from the list.

In XAML

To change the tabstrip placement, add TabStripPlacement="Right" to the <c1:C1TabControl> tab so that the markup resembles the following:

<c1:C1TabControl TabStripPlacement="Right"></c1:C1TabControl>

 In Code

Complete the following steps:

1.   Open the Window1.xaml.cs page.

2.   Add the following code beneath the InitializeComponent() method:

•      Visual Basic

C1TabControl1.TabStripPlacement = Right

•      C#

c1TabControl1.TabStripPlacement = Right;

3.   Run the program.

 This Topic Illustrates the Following:

The image below depicts a C1TabControl control with its tabstrip placed on its right side.