# TabStrip Placement

## Content



The [C1TabControl](/componentone/api/wpf/online-tabcontrol5/dotnet-api/C1.WPF.TabControl/C1.WPF.TabControl.C1TabControl.html) control's tabstrip, by default, will appear along the top of the control. However, you can set the C1TabControl.[TabStripPlacement](/componentone/api/wpf/online-tabcontrol5/dotnet-api/C1.WPF.TabControl/C1.WPF.TabControl.C1TabControl.TabStripPlacement.html) property to **Bottom**, **Left**, or **Right** to change the position of the tabstrip.

|   **Top**  ![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/placementtop.png)  **Bottom**  ![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/placementbottom.png)   |   **Left**  ![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/placementleft.png)  **Right**  ![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/placementright.png)   |
| --- | --- |

To change the placement of the **C1TabControl**'s tabstrip element, use one of the following methods:

### In XAML

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

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

### In Code

Complete the following steps:

1.  Switch to Code view.
2.  Add the following code beneath the **InitializeComponent()** method:

```vbnet
C1TabControl1.TabStripPlacement = Right
```

```csharp
c1TabControl1.TabStripPlacement = Right;
```

3.  Run the program.

### At Design Time

Complete the following steps:

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

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

![](https://cdn.mescius.io/document-site-files/images/fd13627f-3e59-47ec-89e2-86c13c4f9d2c/images/tabcontrol/placementright.png)