How to build vertical tab sets in WPF?

wpf tabcontrol
Gulshan picture Gulshan · Oct 17, 2010 · Viewed 35.9k times · Source

How to build vertical tab sets in WPF? The tabs will stack up in top-to-bottom just like the "Properties" of a project shown in visual studio.

Answer

ChrisF picture ChrisF · Oct 17, 2010

Have you tried the TabControl.TabStripPlacement Property?

The following example creates a tab control that positions the tabs on the left side.

<TabControl TabStripPlacement="Left" Margin="0, 0, 0, 10">
  <TabItem Name="fontweight" Header="FontWeight">
    <TabItem.Content>
      <TextBlock TextWrapping="WrapWithOverflow">
        FontWeight property information goes here.
      </TextBlock>
    </TabItem.Content>
  </TabItem>

  <TabItem Name="fontsize" Header="FontSize">
    <TabItem.Content>
      <TextBlock TextWrapping="WrapWithOverflow">
        FontSize property information goes here.
      </TextBlock>
    </TabItem.Content>
  </TabItem>
</TabControl>

Related questions

Is there Selected Tab Changed Event in the standard WPF Tab Control

In WPF, is there an event that can be used to determine when a TabControl's selected tab changes? I have tried using TabControl.SelectionChanged but it is getting fired many times when a child's selection within a tab is changed.

Read More
WPF TabItem Header Styling

I'm trying to style a TabControl and have got 75% of the way there, but I'm having difficulty styling the actual TabItems: What I am trying to achieve is remove the default ContentPresenter so that I can make the tab items …

Read More
How to use DockStyle.Fill for standard controls in WPF?

I'm used from windows forms, that I create a panel, place controls inside it and give them DockStyle.Fill to max out their size to the surrounding panel. In WPF I want to have the same. I have a TabControl …

Read More