Skip to content

Instantly share code, notes, and snippets.

@daveraine
Created May 2, 2013 21:43
CodePlex / Azure TabItem Style for WPF
<Style x:Key="AzureTabItem" TargetType="{x:Type TabItem}">
<Setter Property="BorderBrush" Value="{DynamicResource AccentColorBrush}"/>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="TabItem">
<StackPanel>
<Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}"
Padding="12,2,24,2"
BorderThickness="0,0,0,4"
Margin="2,2,2,0"
SnapsToDevicePixels="True">
<Border.Style>
<Style TargetType="Border">
<Setter Property="Background">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource Gray5}"/>
</Setter.Value>
</Setter>
</Style>
</Border.Style>
<Label x:Name="root" FontSize="15">
<Label.Style>
<Style TargetType="Label">
<Setter Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource BlackColor}" />
</Setter.Value>
</Setter>
</Style>
</Label.Style>
<ContentPresenter ContentSource="Header" RecognizesAccessKey="True" />
</Label>
</Border>
<Canvas Height="10" Width="20" x:Name="arrow" Margin="25,0,0,0"
HorizontalAlignment="Left" SnapsToDevicePixels="True">
<Path Data="M 0 0 H 20 L 10 10 Z"
StrokeThickness="0"
Fill="{DynamicResource AccentColorBrush}"/>
</Canvas>
</StackPanel>
<ControlTemplate.Triggers>
<Trigger Property="IsSelected" Value="true">
<Setter TargetName="root" Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource WhiteColor}" />
</Setter.Value>
</Setter>
<Setter TargetName="border" Property="Background">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource AccentColor}"/>
</Setter.Value>
</Setter>
<Setter TargetName="border" Property="BorderBrush">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource AccentColor}"/>
</Setter.Value>
</Setter>
<Setter TargetName="arrow" Property="Visibility" Value="Visible"/>
</Trigger>
<Trigger Property="IsSelected" Value="false">
<Setter TargetName="root" Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource BlackColor}" />
</Setter.Value>
</Setter>
<Setter TargetName="arrow" Property="Visibility" Value="Hidden"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="True">
<Setter TargetName="root" Property="Foreground">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource WhiteColor}" />
</Setter.Value>
</Setter>
<Setter TargetName="border" Property="BorderBrush" Value="{DynamicResource AccentColorBrush}"></Setter>
<Setter TargetName="border" Property="Background">
<Setter.Value>
<SolidColorBrush Color="{DynamicResource AccentColor}"/>
</Setter.Value>
</Setter>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment