Home/ Questions/Q 8685259
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T22:31:20+00:00

I’ve a TabItem, i want to define a Template for it, without make a

  • 0

I’ve a TabItem, i want to define a Template for it, without make a different xaml file, because i want only change the color gradient when a tab is selected.. I try to put this in the Windows.Resources section but it is not working..

 <Style TargetType="{x:Type TabItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabItem}">
                           <Grid>
                                <Border Name="Border" Margin="10,0" BorderThickness="1,1,1,1" CornerRadius="6,6,0,0" >
                                    <ContentPresenter x:Name="ContentSite"  Height="58" Width="170" HorizontalAlignment="Center" VerticalAlignment="Center" ContentSource="Header"/>
                                </Border>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                <Setter  Property="Background">
                                    <Setter.Value>
                                        <LinearGradientBrush  EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FF51A1CB" Offset="0" />
                                            <GradientStop Color="#FF306886" Offset="1" />
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                                </Trigger>
                                <Trigger Property="IsSelected" Value="False">
                                <Setter Property="Background">
                                    <Setter.Value>
                                        <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                            <GradientStop Color="#FFC3BCAE" Offset="0" />
                                            <GradientStop Color="#FFFDCE9D" Offset="0.046" />
                                            <GradientStop Color="#FFFFA35B" Offset="0.452" />
                                            <GradientStop Color="#FFFF8A2C" Offset="0.461" />
                                            <GradientStop Color="#FFFF9F30" Offset="0.724" />
                                            <GradientStop Color="#FFFFC472" Offset="1" />
                                        </LinearGradientBrush>
                                    </Setter.Value>
                                </Setter>
                            </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

Someone have an idea? I share the definition of TabControl to, 

<TabControl  HorizontalAlignment="Left" Margin="0,30,0,0" Name="tabControl1" VerticalAlignment="Top" Width="998" Grid.RowSpan="2" Height="695" >
        <TabItem Height="58" Width="170" Name="tabItem1" BorderBrush="#FF27546C" BorderThickness="2" Foreground="White" FontSize="13" Margin="0" Padding="12,2" UseLayoutRounding="False">
            <TabItem.Header>
                 <TextBlock Foreground="White" FontSize="13" TextAlignment="Center" Margin="10,0,0,0" VerticalAlignment="Center">PROFILO<LineBreak />DISCESA</TextBlock>      
            </TabItem.Header>....
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem is with your control template. You can use the resource like this.

    <Style TargetType="{x:Type TabItem}">
        <Style.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter  Property="Background">
                                <Setter.Value>
                                    <LinearGradientBrush  EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FF51A1CB" Offset="0" />
                                        <GradientStop Color="#FF306886" Offset="1" />
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsSelected" Value="False">
                            <Setter Property="Background">
                                <Setter.Value>
                                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                                        <GradientStop Color="#FFC3BCAE" Offset="0" />
                                        <GradientStop Color="#FFFDCE9D" Offset="0.046" />
                                        <GradientStop Color="#FFFFA35B" Offset="0.452" />
                                        <GradientStop Color="#FFFF8A2C" Offset="0.461" />
                                        <GradientStop Color="#FFFF9F30" Offset="0.724" />
                                        <GradientStop Color="#FFFFC472" Offset="1" />
                                    </LinearGradientBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
        </Style.Triggers>
    </Style>

    I dont know why you was trying to edit ControlTemplate.

    Just FYI, your xaml looks complicated to me. It should be simple.

    Cheers..

    • 0