Pfthb

New to WPF and may have taken a wrong turn a while ago but I have everything working so far it's just the TabItem "Icon" isn't staying after I change to another tab. It disappears as though we only have one close out button.

<UserControl.Resources>
 <Style BasedOn="StaticResource x:Type Controls:Tile" TargetType="Controls:Tile" x:Key="ClosableTabButton">
 <Setter Property="Width"
 Value="17"/>
 <Setter Property="Height"
 Value="17"/>
 <Setter Property="Content">
 <Setter.Value>
 <iconPacks:PackIconFontAwesome Margin="0,0,0,0" 
 Width="15"
 Height="15"
 Kind="PlusCircleSolid" 
 Rotation="45"
 RenderTransformOrigin="0.5,0.5"
 Foreground="#FFFFFF">
 </iconPacks:PackIconFontAwesome>
 </Setter.Value>
 </Setter>
 <Style.Triggers>
 <Trigger Property="IsMouseOver" Value="True">
 <Setter Property="Content">
 <Setter.Value>
 <iconPacks:PackIconFontAwesome Margin="0,0,0,0" 
 Width="15"
 Height="15"
 Kind="PlusCircleSolid" 
 Rotation="45"
 RenderTransformOrigin="0.5,0.5"
 Foreground="#ff0000">
 </iconPacks:PackIconFontAwesome>
 </Setter.Value>
 </Setter>
 </Trigger>
 </Style.Triggers>
 </Style>
</UserControl.Resources>

That's my custom Tile for the Icon/Button.

<Grid>
 <TabControl Name="tabControl" ItemsSource="Binding" SelectionChanged="tabControl_SelectionChanged">
 <TabControl.Template>
 <ControlTemplate TargetType="x:Type TabControl">
 <Grid x:Name="templateRoot" ClipToBounds="true" SnapsToDevicePixels="true" KeyboardNavigation.TabNavigation="Local">
 <Grid.ColumnDefinitions>
 <ColumnDefinition x:Name="ColumnDefinition0"/>
 <ColumnDefinition x:Name="ColumnDefinition1" Width="0"/>
 </Grid.ColumnDefinitions>
 <Grid.RowDefinitions>
 <RowDefinition x:Name="RowDefinition0" Height="Auto"/>
 <RowDefinition x:Name="RowDefinition1" Height="*"/>
 </Grid.RowDefinitions>
 <WrapPanel x:Name="headerPanel" Background="Transparent" Grid.Column="0" IsItemsHost="true" Margin="2,2,2,0" Grid.Row="0" KeyboardNavigation.TabIndex="1" Panel.ZIndex="1"/>
 <Border x:Name="contentPanel" BorderBrush="TemplateBinding BorderBrush" BorderThickness="TemplateBinding BorderThickness" Background="TemplateBinding Background" Grid.Column="0" KeyboardNavigation.DirectionalNavigation="Contained" Grid.Row="1" KeyboardNavigation.TabIndex="2" KeyboardNavigation.TabNavigation="Local">
 <ContentPresenter x:Name="PART_SelectedContentHost" ContentSource="SelectedContent" Margin="TemplateBinding Padding" SnapsToDevicePixels="TemplateBinding SnapsToDevicePixels"/>
 </Border>
 </Grid>
 <ControlTemplate.Triggers>
 <Trigger Property="TabStripPlacement" Value="Bottom">
 <Setter Property="Grid.Row" TargetName="headerPanel" Value="1"/>
 <Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
 <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
 <Setter Property="Height" TargetName="RowDefinition1" Value="Auto"/>
 <Setter Property="Margin" TargetName="headerPanel" Value="2,0,2,2"/>
 </Trigger>
 <Trigger Property="TabStripPlacement" Value="Left">
 <Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
 <Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
 <Setter Property="Grid.Column" TargetName="headerPanel" Value="0"/>
 <Setter Property="Grid.Column" TargetName="contentPanel" Value="1"/>
 <Setter Property="Width" TargetName="ColumnDefinition0" Value="Auto"/>
 <Setter Property="Width" TargetName="ColumnDefinition1" Value="*"/>
 <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
 <Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
 <Setter Property="Margin" TargetName="headerPanel" Value="2,2,0,2"/>
 </Trigger>
 <Trigger Property="TabStripPlacement" Value="Right">
 <Setter Property="Grid.Row" TargetName="headerPanel" Value="0"/>
 <Setter Property="Grid.Row" TargetName="contentPanel" Value="0"/>
 <Setter Property="Grid.Column" TargetName="headerPanel" Value="1"/>
 <Setter Property="Grid.Column" TargetName="contentPanel" Value="0"/>
 <Setter Property="Width" TargetName="ColumnDefinition0" Value="*"/>
 <Setter Property="Width" TargetName="ColumnDefinition1" Value="Auto"/>
 <Setter Property="Height" TargetName="RowDefinition0" Value="*"/>
 <Setter Property="Height" TargetName="RowDefinition1" Value="0"/>
 <Setter Property="Margin" TargetName="headerPanel" Value="0,2,2,2"/>
 </Trigger>
 <Trigger Property="IsEnabled" Value="false">
 <Setter Property="TextElement.Foreground" TargetName="templateRoot" Value="DynamicResource x:Static SystemColors.GrayTextBrushKey"/>
 </Trigger>
 </ControlTemplate.Triggers>
 </ControlTemplate>
 </TabControl.Template>
 <TabControl.Resources>
 <DataTemplate x:Key="TabHeader" DataType="TabItem">
 <Border>
 <Grid>
 <Grid>
 <Border x:Name="border" 
 CornerRadius="5,5,0,0"
 Background="#CC647687"
 Opacity="80"/>
 <Grid x:Name="headerGrid">
 <Grid.ColumnDefinitions>
 <ColumnDefinition Name="Col1" Width="*"></ColumnDefinition>
 <ColumnDefinition Name="Col2" Width="22"></ColumnDefinition>
 </Grid.ColumnDefinitions>
 <TextBlock x:Name="textInHeader" FontSize="18" Foreground="#FFFFFF" Grid.Column="0" Text="Binding RelativeSource=RelativeSource AncestorType=x:Type TabItem, Path=Header" Margin="5,0,0,0" HorizontalAlignment="Left"/>
 <Controls:Tile x:Name="closeBtn" Background="Transparent" Grid.Column="1" Style="StaticResource ClosableTabButton" CommandParameter="Binding RelativeSource=RelativeSource AncestorType=x:Type TabItem, Path=Name" ToolTip="Close Tab." Click="closeBtn_Click"/>
 </Grid>
 </Grid>
 </Grid>
 </Border>
 </DataTemplate>
 </TabControl.Resources>
 </TabControl>
</Grid>

That's my grid inside the UserControl. I can provide more information if needed.

I figured it out. I was setting the content of the style but it only affected the last tab that was added. It was because I wasn't setting the templates content. Which makes sense.

<UserControl.Resources>
 <Style BasedOn="StaticResource x:Type Controls:Tile" TargetType="Controls:Tile" x:Key="ClosableTabButton">
 <Setter Property="Width"
 Value="17"/>
 <Setter Property="Height"
 Value="17"/>
 <Setter Property="ContentTemplate">
 <Setter.Value>
 <DataTemplate>
 <iconPacks:PackIconFontAwesome Margin="0,0,0,0" 
 Width="15"
 Height="15"
 Kind="PlusCircleSolid" 
 Rotation="45"
 RenderTransformOrigin="0.5,0.5"
 Foreground="#FFFFFF">
 </iconPacks:PackIconFontAwesome>
 </DataTemplate>
 </Setter.Value>
 </Setter>
 <Style.Triggers>
 <Trigger Property="IsMouseOver" Value="True">
 <Setter Property="ContentTemplate">
 <Setter.Value>
 <DataTemplate>
 <iconPacks:PackIconFontAwesome Margin="0,0,0,0" 
 Width="15"
 Height="15"
 Kind="PlusCircleSolid" 
 Rotation="45"
 RenderTransformOrigin="0.5,0.5"
 Foreground="#ff0000">
 </iconPacks:PackIconFontAwesome>
 </DataTemplate>
 </Setter.Value>
 </Setter>
 </Trigger>
 </Style.Triggers>
 </Style>
</UserControl.Resources>