# Customizing Items Layout

RadTabControl allows you to customize the items placement and lines ordering.

To change the placement of the tabstrip area where the items are placed, set the `TabStripPlacement` property of `RadTabControl`. The placement can be `Top`(default), `Bottom`, `Left` or `Right`.

#### **Setting TabStripPlacement**

```XAML
<telerik:RadTabControl TabStripPlacement="Bottom">          
	<telerik:RadTabItem Header="Home" />
	<telerik:RadTabItem Header="View" />
	<telerik:RadTabItem Header="Insert" />
	<telerik:RadTabItem Header="Settings" />
</telerik:RadTabControl>
```

**All tabstrip placements**

![WinUI RadTabControl ](https://www.telerik.com/winui/documentation/assets/1903b2bebd526e35f58e9e71d521dda4/radtabcontrol-appearance-customizing-items-layout-0.png)

The tab items can be separated in two different lines (rows). To create a new line, set the `IsBreak` property of the `RadTabItem` which should start the line.

#### **Setting IsBreak**

```XAML
<telerik:RadTabControl>          
	<telerik:RadTabItem Header="Home" />
	<telerik:RadTabItem Header="View" />
	<telerik:RadTabItem Header="Insert" IsBreak="True" />
	<telerik:RadTabItem Header="Settings" />
</telerik:RadTabControl>
```

**Tab items on multiple rows**

![WinUI RadTabControl ](https://www.telerik.com/winui/documentation/assets/38c6c406d92dddb2d571441661d8f788/radtabcontrol-appearance-customizing-items-layout-1.png)

> tip The line with the selected tab will be moved on the bottom row.

To **align the tabs** in the tabstrip area, set the `Align` property of `RadTabControl`. The available alignments are `Left`(default), `Right`, `Center`, `Justify`.

#### **Setting alignments**

```XAML
<telerik:RadTabControl Align="Justify">          
	<telerik:RadTabItem Header="Home" />
	<telerik:RadTabItem Header="View" />
	<telerik:RadTabItem Header="Insert" />
	<telerik:RadTabItem Header="Settings" />
</telerik:RadTabControl>
```

**All tabstrip alignments**

![WinUI RadTabControl ](https://www.telerik.com/winui/documentation/assets/e5dfe48c52f8f12fd9fe3b392dc8f265/radtabcontrol-appearance-customizing-items-layout-2.png)

## ReorderTabRows

Using the `ReorderTabRows` property you can control how the tab item rows are ordered in case of multiple lines. The default behavior is to keep the selected tab item always on the lowest row and move the other rows above.

> tipThe default value for the `ReorderTabRows` property is `true`.

#### **ReorderTabRows**

```XAML
<telerik:RadTabControl x:Name="radTabControl"  ReorderTabRows="True">
	<telerik:RadTabItem Header="Calendar"/>
	<telerik:RadTabItem Header="Colors" IsBreak="True"/>
	<telerik:RadTabItem Header="Quote"/>
</telerik:RadTabControl>
```

## See Also

* [Visual Structure](https://www.telerik.com/winui/documentation/controls/radtabcontrol/visual-structure)
* [Customizing Items Layout](https://www.telerik.com/winui/documentation/controls/radtabcontrol/appearance/customizing-items-layout)
* [Customizing Selected Tab Content](https://www.telerik.com/winui/documentation/controls/radtabcontrol/appearance/customizing-selected-tab-content)