Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>This can be achieved by overriding the default template of tabControl which you can get from <a href="http://msdn.microsoft.com/en-us/library/ms754137%28v=vs.85%29.aspx" rel="nofollow noreferrer">here</a>.</p> <p>I modified bit of the template as per you needs -</p> <pre><code> &lt;Style TargetType="{x:Type TabControl}" BasedOn="{StaticResource {x:Type TabControl}}"&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType="{x:Type TabControl}"&gt; &lt;Grid KeyboardNavigation.TabNavigation="Local"&gt; &lt;Grid.RowDefinitions&gt; &lt;RowDefinition Height="Auto" /&gt; &lt;RowDefinition Height="*" /&gt; &lt;/Grid.RowDefinitions&gt; &lt;Border Background="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" Grid.Row="0" BorderThickness="1"&gt; &lt;TabPanel x:Name="HeaderPanel" IsItemsHost="True" Margin="0,10,0,0" Panel.ZIndex="1" KeyboardNavigation.TabIndex="1" Background="Transparent" /&gt; &lt;/Border&gt; &lt;Border x:Name="Border" Grid.Row="1" BorderThickness="1" KeyboardNavigation.TabNavigation="Local" KeyboardNavigation.DirectionalNavigation="Contained" KeyboardNavigation.TabIndex="2" Background="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"&gt; &lt;ContentPresenter x:Name="PART_SelectedContentHost" Margin="4" ContentSource="SelectedContent" /&gt; &lt;/Border&gt; &lt;/Grid&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; </code></pre> <p>Put this style in your Window Resources and you are good to go. It gives me this look (hope this is what you want) -</p> <p><img src="https://i.stack.imgur.com/Brqe3.png" alt="enter image description here"></p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload