Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The solution!</p> <p>Thank you all for your help. </p> <p>What I changed was I removed the ContentPresenter and replaced it with the textblock that only affected the tab header itself.</p> <pre><code>&lt;TabControl.Resources&gt; &lt;Style TargetType="{x:Type TabControl}"&gt; &lt;Setter Property="Background"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush&gt; &lt;GradientStop Offset="0" Color="WhiteSmoke"/&gt; &lt;GradientStop Offset="4" Color="GhostWhite"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;Setter Property="Foreground" Value="Black" /&gt; &lt;/Style&gt; &lt;Style TargetType="{x:Type TabItem}"&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType="{x:Type TabItem}"&gt; &lt;Grid&gt; &lt;Border Name="Border" Background="WhiteSmoke" BorderBrush="Black" BorderThickness="1,1,1,1" CornerRadius="6,6,0,0"&gt; &lt;TextBlock x:Name="TabItemContent" VerticalAlignment="Center" HorizontalAlignment="Center" Text="{TemplateBinding Header}" Margin="12,2,12,2" /&gt; &lt;/Border&gt; &lt;/Grid&gt; &lt;ControlTemplate.Triggers&gt; &lt;Trigger Property="IsSelected" Value="True"&gt; &lt;Setter TargetName="Border" Property="Background" Value="#00396a" /&gt; &lt;Setter Property="Foreground" TargetName="TabItemContent" Value="White"/&gt; &lt;/Trigger&gt; &lt;Trigger Property="IsSelected" Value="False"&gt; &lt;Setter TargetName="Border" Property="Background" Value="WhiteSmoke" /&gt; &lt;/Trigger&gt; &lt;/ControlTemplate.Triggers&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;/TabControl.Resources&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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