# Tab Shaping

## Content



Tabs can appear rounded, sloped, or rectangular. By default, the tab will appear rounded, but you can change the shape of the tabs to any of the three settings by setting the C1TabControl.[TabItemShape](/componentone/api/wpf/online-tabcontrol5/dotnet-api/C1.WPF.TabControl/C1.WPF.TabControl.C1TabControl.TabItemShape.html) property to **Rectangle**, **Rounded**, or **Sloped**.

**Rectangle**

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

**Rounded**

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

**Sloped**

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

To change the tab shape, use one of the following methods:

### In XAML

Add **TabItemShape="Sloped"** to the **<c1:C1TabControl>** tag so that the markup resembles the following:

```xml
<c1:C1TabControl TabItemShape="Sloped"></c1:C1TabControl>
```

### In Code

Complete the following steps:

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

```vbnet
C1TabControl1.TabItemShape = Sloped
```

```csharp
c1TabControl1.TabItemShape = Sloped;
```

3.  Run the program.

### At Design Time

Complete the following steps:

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

The image below depicts a **C1TabControl** control with sloped tabs.

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