WPF Tab Control - FlowDirection

WPF  wpf 

FlowDirection in WPF TabControl is used for setting the content flow direction of UI elements in header and content area. 

FlowDirection is an enum which has only two values:

  1. LeftToRight (Default)
  2. RightToLeft

LeftToRight

By default, any TabControl set the FlowDirection property to LeftToRight. In this, all the UI controls in header and content area are flow from left to right.

<TabControl x:Name="TabControl1"  
                    FlowDirection="LeftToRight"
                    Margin="10"
                    ItemsSource="{Binding Employees}" 
                    SelectedIndex="{Binding SelectedTabIndex}"
                    ItemTemplate="{StaticResource CustomHeaderTemplate}"
                    ContentTemplate="{StaticResource CustomItemTemplate}">
</TabControl>

WPF TabControl FlowDirection LeftToRight

RightToLeft

RightToLeft change all the content flow direction in the reverse right to left. It is just like mirror image of LeftToRight.

<TabControl x:Name="TabControl1"  
                    FlowDirection="RightToLeft"
                    Margin="10"
                    ItemsSource="{Binding Employees}" 
                    SelectedIndex="{Binding SelectedTabIndex}"
                    ItemTemplate="{StaticResource CustomHeaderTemplate}"
                    ContentTemplate="{StaticResource CustomItemTemplate}">
</TabControl>

WPF TabControl FlowDirection RightToLeft

Join our newsletter and get an occasional email with a technology and DotNetPattern.com news update.