WPF: Center TabItems in a TabControl

wpf tabcontrol tabitem
Alexander Ilg picture Alexander Ilg · Feb 16, 2010 · Viewed 10.2k times · Source

in my XAML code, I have a TabControl with multiple items. The problem I have is that I can not center the tabitems about the content area. The tabs are always starting on the left side, but I need them centered. This is my code:

<TabControl>
    <TabItem Header="Test 1"  Style="{StaticResource LeftTab}" Height="40" />
    <TabItem Header="Test 2"  Style="{StaticResource MiddleTab}"  />
    <TabItem Header="Test 3"  Style="{StaticResource MiddleTab}" />
    <TabItem Header="Test 4" Style="{StaticResource RightTab}"  />
</TabControl>

I do not know a property to center the items - any idea?

Answer

Heinzi picture Heinzi · Feb 16, 2010

Internally, the TabControl uses a TabPanel to layout the tabs. Using the default template, you just need to set the HorizontalAlignment of the TabPanel through a style:

<TabControl>
    <TabControl.Resources>
        <Style TargetType="{x:Type TabPanel}">
            <Setter Property="HorizontalAlignment" Value="Center" />
        </Style>
    </TabControl.Resources>

    <TabItem Header="Test 1" />
    <TabItem Header="Test 2" />
    <TabItem Header="Test 3" />
    <TabItem Header="Test 4" />
</TabControl>

Related questions

How do I bind a TabControl to a collection of ViewModels?

Basically I have in my MainViewModel.cs: ObservableCollection<TabItem> MyTabs { get; private set; } However, I need to somehow be able to not only create the tabs, but have the tabs content be loaded and linked to their appropriate …

Read More
How to programmatically select a TabItem in WPF TabControl

I would like to know how to select a specific TabItem in a WPF TabControl. I tried these bellow but nothing work! MyTabControl.SelectedIndex = x MyTabControl.SelectedItem = MyTabItem MyTabControl.SelectedValue = MyTabItem MyTabItem.IsSelected = True

Read More
In C# WPF, why is my TabControl's SelectionChanged event firing too often?

I have a tabbed GUI with each tab containing a Frame. In one of these Frames there is a DataGrid. When the user selects this tab, I need my datagrid sorted, so I'm using the TabControl SelectionChanged event to trigger …

Read More