I'm trying to modify the tab control's header background and border with the style triggers when the tab is selected but nothing seems to be working and the code also doesn't shows any error message.
Below is the XAML of the control:
<telerik:RadTabControl x:Name="presetTab" Grid.Row="1" Margin="0,5" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"
ScrollMode="Item" HeaderBackground="#F7F3F2"
ItemsSource="{Binding Source={StaticResource DataSource}, Path=Tabs}"
ContentTemplateSelector="{StaticResource ContentSelector}">
<telerik:RadTabControl.ItemContainerStyle>
<Style TargetType="telerik:RadTabItem">
<Setter Property="BorderBrush" Value="#BCBCBC"/>
<Setter Property="BorderThickness" Value="1"/>
<Setter Property="HeaderForeground" Value="Black"/>
<Style.Triggers>
<Trigger Property="telerik:RadTabItem.IsSelected" Value="True">
<Setter Property="BorderBrush" Value="#BCBCBC"/>
<Setter Property="BorderThickness" Value="1"/>
</Trigger>
</Style.Triggers>
</Style>
</telerik:RadTabControl.ItemContainerStyle>
</telerik:RadTabControl>
I need to apply the same border style as normal when the tab is selected and the background color will be different.
I tried the IsSelected property both in Data Trigger and in Style Trigger but both is not working. What am I doing wrong.
Regards,
Karthik N