In the WPF Diagram, you can update the text formatting properties of an annotation with the AnnotationEditorViewModel. It includes properties for font style, font size, font family, text decoration, font weight, foreground color, and background color. Here is a simple code example to do that: XAML Code Snippet: <syncfusion:NodeViewModel x:Name="node" Shape="{StaticResource Rectangle}" OffsetX="250" OffsetY="200" UnitHeight="150" UnitWidth="150"> <syncfusion:NodeViewModel.Annotations> <syncfusion:AnnotationCollection> <syncfusion:AnnotationEditorViewModel Content="Node" FontStyle="Italic" FontSize="17" FontFamily="TimesNewRomen" TextDecorations="Underline" FontWeight="Bold" Foreground="Black" Background="Yellow"/> </syncfusion:AnnotationCollection> </syncfusion:NodeViewModel.Annotations> </syncfusion:NodeViewModel> Refer to the documentation to learn more about working with annotations using the AnnotationEditorViewModel. Documentation: Positioning and Appearance in WPF Diagram control | Syncfusion® Conclusion I hope you enjoyed learning about how to update the TextDecoration and Foreground properties of an annotation in the WPF Diagram. You can refer to our WPF Diagram feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started with configuration specifications. You can also explore our WPF Diagram example to understand how to create and manipulate data. For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion®, you can try our 30-day free trial to check out our other controls. If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums or feedback portal. We are always happy to assist you!
The .NET MAUI DataGrid (SfDataGrid) allows you to customize the Textcolor of the cells in a DataGridColumn based on the DataGridCell content from code behind. XAML <syncfusion:SfDataGrid x:Name="dataGrid" ItemsSource="{Binding OrdersInfo}" AutoGenerateColumnsMode="None"> <syncfusion:SfDataGrid.Columns> <syncfusion:DataGridTextColumn HeaderText="Order ID" MappingName="OrderID"/> <syncfusion:DataGridTextColumn HeaderText="Employee ID" MappingName="EmployeeID"/> <syncfusion:DataGridTextColumn HeaderText="Freight" MappingName="Freight"/> <syncfusion:DataGridTextColumn HeaderText="First Name" MappingName="FirstName"/> <syncfusion:DataGridTextColumn HeaderText="Last Name" MappingName="LastName"/> <syncfusion:DataGridTextColumn HeaderText="ShipCity" MappingName="ShipCity"/> <syncfusion:DataGridTextColumn HeaderText="Customer ID" MappingName="CustomerID"/> </syncfusion:SfDataGrid.Columns> </syncfusion:SfDataGrid> C# Converter Refer the below code example for writing a converter to customize the cell TextColor based on condition. public class StyleConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { double _value = (double)value; if (_value >= 500) return Colors.Green; return Colors.Red; } public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) { return value; } } C# You can achieve your requirement by setting Style to DataGridColumn.CellStyle as in the below code example public partial class MainPage : ContentPage { public MainPage() { InitializeComponent(); Style style = new Style(typeof(DataGridCell)); style.Setters.Add(new Setter() { Property = DataGridCell.TextColorProperty, Value = new Binding("Freight", BindingMode.TwoWay, new StyleConverter()) }); dataGrid.Columns[2].CellStyle = style; } } View Sample on GitHub Take a moment to pursue this documentation, where you can find more about Syncfusion .NET MAUI DataGrid (SfDataGrid) with code examples. Please refer to this link to learn about the essential features of Syncfusion .NET MAUI DataGrid (SfDataGrid). Conclusion I hope you enjoyed learning about how to you to customize the Textcolor of the cells in a DataGridColumn based on the DataGridCell content from code behind in MAUI DataGrid (SfDataGrid). You can refer to our .NET MAUI DataGrid’s feature tour page to know about its other groundbreaking feature representations. You can also explore our .NET MAUI DataGrid Documentation to understand how to present and manipulate data. For current customers, you can check out our .NET MAUI components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our .NET MAUI DataGrid and other .NET MAUI components. If you have any queries or require clarifications, please let us know in comments below. You can also contact us through our support forums, Direct-Trac or feedback portal. We are always happy to assist you!
In TabControlExt, TabScroll buttons appearance can be customized by using TabPanelAdvStyle. The following code demonstrates the same. Code Example: [Xaml] <!-- Customizing TabPanelAdv Style --> <Style x:Key="TabPanelAdvStyle" TargetType="{x:Type syncfusion:TabPanelAdv}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type syncfusion:TabPanelAdv}"> <DockPanel LastChildFill="True"> <!-- TabScrollButtons --> <Button Name="PART_LastTab" Focusable="False" DockPanel.Dock="Right" Tag="LastTab" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <Button Name="PART_NextTab" Focusable="False" DockPanel.Dock="Right" Tag="NextTab" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <Button Name="PART_PrevTab" Focusable="False" DockPanel.Dock="Right" Tag="PrevTab" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <Button Name="PART_NextPage" Focusable="False" DockPanel.Dock="Right" Tag="NextPage" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <Button Name="PART_PrevPage" Focusable="False" DockPanel.Dock="Right" Tag="PrevPage" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <Button Name="PART_FirstTab" Focusable="False" DockPanel.Dock="Right" Tag="FirstTab" Visibility="Collapsed" Style="{StaticResource TabScrollingButton}"/> <ContentPresenter x:Name="PART_TabItems" ContentSource="TabItems" DockPanel.Dock="Right" Margin="0,0,0,-1" Content="{TemplateBinding Content}"/> </DockPanel> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- Customizing TabScrollButton style --> <Style x:Key="TabScrollingButton" TargetType="{x:Type Button}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <!-- For TabScrollButtons Border color customization --> <shared:Border3D x:Name="PART_Border" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="1,0,0,0" Padding="1" Width="15" Height="15" Background="Lime" BorderThickness="1" BorderBrush="Yellow" Opacity="{TemplateBinding Opacity}" IsEnabled="{TemplateBinding IsEnabled}" SnapsToDevicePixels="True" CornerRadius="0"> <!-- For TabScrollButtons Arrow color customization --> <Canvas Width="8" Height="7" x:Name="canvas" VerticalAlignment="Center" HorizontalAlignment="Center" > <Path Data="M0,0L4,3.5 0,7" HorizontalAlignment="Center" Stroke="Yellow" Fill="Yellow" Name="PART_Path1" VerticalAlignment="Center"/> <Path Data="M4,0L8,3.5 4,7" HorizontalAlignment="Center" Stroke="{StaticResource Aero.ButtonInactivePathBrush}" Fill="{StaticResource Aero.ButtonInactivePathBrush}" Name="PART_Path2" VerticalAlignment="Center"/> </Canvas> </shared:Border3D> <ControlTemplate.Triggers> <!-- For Previous tab function --> <MultiTrigger > <MultiTrigger.Conditions> <Condition Property="shared:SkinStorage.EnableTouch" Value="false"/> <Condition Property="Tag" Value="PrevTab"/> </MultiTrigger.Conditions> <Setter TargetName="PART_Path1" Property="Data" Value="M4,0L0,4 4,8"/> <Setter TargetName="PART_Path2" Property="Visibility" Value="Collapsed"/> </MultiTrigger> <!-- For Next tab function --> <Trigger Property="Tag" Value="NextTab"> <Setter TargetName="PART_Path2" Property="Visibility" Value="Collapsed"/> </Trigger> <!-- TabScrollButtons MouseHover --> <MultiTrigger > <MultiTrigger.Conditions> <Condition Property="shared:SkinStorage.EnableTouch" Value="false"/> <Condition Property="IsMouseOver" Value="True"/> </MultiTrigger.Conditions> <Setter Property="Background" TargetName="PART_Border" Value="Lime"/> <Setter Property="BorderBrush" TargetName="PART_Border" Value="Red"/> <Setter Property="Stroke" TargetName="PART_Path1" Value="Red"/> <Setter Property="Fill" TargetName="PART_Path1" Value="Red"/> </MultiTrigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> <!-- TabControlExt --> <syncfusion:TabControlExt Grid.Row="1" ItemsSource="{Binding ModelItems}" TabPanelStyle="{StaticResource TabPanelAdvStyle}" TabScrollButtonVisibility="Visible" TabStripPlacement="Top" x:Name="Tab"> <syncfusion:TabItemExt Header="Tab1"/> <syncfusion:TabItemExt Header="Tab2"/> <syncfusion:TabItemExt Header="Tab3"/> <syncfusion:TabItemExt Header="Tab4"/> <syncfusion:TabItemExt Header="Tab5"/> <syncfusion:TabItemExt Header="Tab6"/> <syncfusion:TabItemExt Header="Tab7"/> <syncfusion:TabItemExt Header="Tab8"/> <syncfusion:TabItemExt Header="Tab9"/> <syncfusion:TabItemExt Header="Tab10"/> </syncfusion:TabControlExt> Screenshot Figure: TabScrollButtons backcolor and forecolor customized. Figure: TabScrollButtons backcolor and forecolor customized when hovering. Sample: TabControlExtSample
We can change the foreground of SfAccordion item header by modifying the HeaderTemplate of SfAccordion. The following code demonstrates the same. Code Example: [Xaml] <layout:SfAccordion x:Name="accordion" Foreground="Green" SelectionMode="OneOrMore" VerticalAlignment="Center" Width="450" > <!-- Header Text Foreground --> <layout:SfAccordion.HeaderTemplate> <DataTemplate> <TextBlock Text="{Binding}" Foreground="Red" Opacity="1" FontFamily="Calibri" FontWeight="Bold" FontSize="20"/> </DataTemplate> </layout:SfAccordion.HeaderTemplate> <!-- SfAccordion Backcolor --> <layout:SfAccordion.ItemContainerStyle> <Style TargetType="layout:SfAccordionItem"> <Setter Property="Background" Value="LightYellow"/> </Style> </layout:SfAccordion.ItemContainerStyle> <!-- SfAccordion Items --> <layout:SfAccordionItem Header="Winrt" Content="Essential Studio for WinRT"/> <layout:SfAccordionItem Header="Windows Phone" Content="Essential Studio for Windows Phone"/> <layout:SfAccordionItem Header="WPF" Content="Essential Studio for WPF"/> <layout:SfAccordionItem Header="Universal" Content="Essential Studio for Universal"/> </layout:SfAccordion> Screenshot Sample: SfAccordionSample
You can customize the Background and Foreground color of Close, AutoHide and Menu Button in WPF DockingManager by the CloseButtonTemplate, AwlButtonTemplate and MenuButtonTemplate respectively. The following code examples illustrate the same, MainWindow.xaml <Window.Resources> <SolidColorBrush x:Key="CloseButtonBackground" Color="Red"/> <SolidColorBrush x:Key="CloseButtonForeground" Color="Yellow"/> <SolidColorBrush x:Key="AutoHideButtonBackground" Color="Yellow"/> <SolidColorBrush x:Key="AutoHideButtonForeground" Color="Red"/> <SolidColorBrush x:Key="MenueButtonBackground" Color="Blue"/> <SolidColorBrush x:Key="MenuButtonForeground" Color="White"/> <SolidColorBrush x:Key="MouseOverCloseButtonBackground" Color="Blue"/> <SolidColorBrush x:Key="MouseOverCloseButtonForeground" Color="White"/> <SolidColorBrush x:Key="MouseOverAutoHideButtonBackground" Color="Black"/> <SolidColorBrush x:Key="MouseOverAutoHideButtonForeground" Color="Yellow"/> <SolidColorBrush x:Key="MouseOverMenueButtonBackground" Color="Red"/> <SolidColorBrush x:Key="MouseOverMenuButtonForeground" Color="White"/> <SolidColorBrush x:Key="Default.AwlKeyImg" Color="#000000" /> <SolidColorBrush x:Key="Default.AwlKeyImgFocused" Color="#FFFFFF" /> <SolidColorBrush x:Key="Default.AwlKeyImgDisable" Color="#808080" /> <SolidColorBrush x:Key="Default.AwlKeyImgDisableFocused" Color="#D3D3D3" /> <SolidColorBrush x:Key="Default.FlatKeyBrush" Color="#FF000000" /> <SolidColorBrush x:Key="Default.FlatKeyBrushDisable" Color="Gray" /> <SolidColorBrush x:Key="Default.FlatKeyBrushFocused" Color="#FFD3D3D3" /> <SolidColorBrush x:Key="Default.ButtonFocused" Color="#FF9CB6E7" /> <SolidColorBrush x:Key="Default.ButtonFocusedBorder" Color="#FF3C5AAA" /> <SolidColorBrush x:Key="Default.ButtonOver" Color="#ECE9D8" /> <SolidColorBrush x:Key="Default.ButtonOverBorder" Color="#8C867B" /> </Window.Resources> <syncfusion:DockingManager x:Name="SyncDockingManager"> <syncfusion:DockingManager.CloseButtonTemplate> <ControlTemplate TargetType="{x:Type ToggleButton}"> <StackPanel> <Border x:Name="brdBack" Width="15" Height="15" Margin="0,0,1,1" BorderThickness="1" BorderBrush="Transparent" Background="{StaticResource CloseButtonBackground}"> <Path Name="pathButton" SnapsToDevicePixels="False" Stretch="Fill" StrokeThickness="1.5" Stroke="{StaticResource CloseButtonForeground}" Data="M109,51 L216,142 M215,52 L109,142" HorizontalAlignment="Center" VerticalAlignment="Center" Width="9" Height="8"/> </Border> </StackPanel> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource MouseOverCloseButtonBackground}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonOverBorder}"/> <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource MouseOverCloseButtonForeground}" /> </Trigger> <DataTrigger Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" > <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> </DataTrigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> </MultiDataTrigger.Conditions> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource Default.ButtonFocused}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonFocusedBorder}"/> <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}" /> </MultiDataTrigger> <Trigger Property="IsEnabled" Value="False"> <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource Default.FlatKeyBrushDisable}" /> </Trigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Self}}" Value="False" /> </MultiDataTrigger.Conditions> <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource Default.FlatKeyBrushFocused}" /> </MultiDataTrigger> </ControlTemplate.Triggers> </ControlTemplate> </syncfusion:DockingManager.CloseButtonTemplate> <syncfusion:DockingManager.AwlButtonTemplate> <ControlTemplate TargetType="{x:Type ToggleButton}"> <StackPanel> <Border x:Name="brdBack" Margin="0,0,1,1" BorderThickness="1" BorderBrush="Transparent" Background="{StaticResource AutoHideButtonBackground}" Width="15" Height="15" > <Canvas Width="15" Height="15" > <Rectangle Name="AwlBtnImg" Stroke="{StaticResource AutoHideButtonForeground}" StrokeThickness="1" Width="5" Height="7" Canvas.Top="2" Canvas.Left="4" /> <Path Name="AwlInnerShadowBtnImg" SnapsToDevicePixels="True" Stroke="{StaticResource AutoHideButtonForeground}" Fill="{StaticResource AutoHideButtonBackground}" Data="M 7.5 9 L 7.5 2" /> <Path Name="AwlLineBtnImg" Stroke="{StaticResource AutoHideButtonForeground}" Fill="{StaticResource AutoHideButtonBackground}" Data="M 2 8.5 L 11 8.5" /> <Path Name="AwlBottomLineBtnImg" SnapsToDevicePixels="True" Stroke="{StaticResource AutoHideButtonForeground}" Fill="{StaticResource AutoHideButtonBackground}" Data="M 6.5 9 L 6.5 12" /> </Canvas> </Border> </StackPanel> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource MouseOverAutoHideButtonBackground}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonOverBorder}"/> <Setter TargetName="AwlBtnImg" Property="Stroke" Value="{StaticResource MouseOverAutoHideButtonForeground}"/> <Setter TargetName="AwlInnerShadowBtnImg" Property="Stroke" Value="{StaticResource MouseOverAutoHideButtonForeground}"/> <Setter TargetName="AwlLineBtnImg" Property="Stroke" Value="{StaticResource MouseOverAutoHideButtonForeground}"/> <Setter TargetName="AwlBottomLineBtnImg" Property="Stroke" Value="{StaticResource MouseOverAutoHideButtonForeground}"/> </Trigger> <DataTrigger Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" > <Setter TargetName="AwlBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlInnerShadowBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlBottomLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> </DataTrigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> </MultiDataTrigger.Conditions> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource Default.ButtonFocused}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonFocusedBorder}"/> <Setter TargetName="AwlBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlInnerShadowBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> <Setter TargetName="AwlBottomLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgFocused}"/> </MultiDataTrigger> <Trigger Property="IsEnabled" Value="False" > <Setter TargetName="AwlBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisable}" /> <Setter TargetName="AwlInnerShadowBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisable}" /> <Setter TargetName="AwlLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisable}" /> <Setter TargetName="AwlBottomLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisable}" /> </Trigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Self}}" Value="False" /> </MultiDataTrigger.Conditions> <Setter TargetName="AwlBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisableFocused}"/> <Setter TargetName="AwlInnerShadowBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisableFocused}"/> <Setter TargetName="AwlLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisableFocused}"/> <Setter TargetName="AwlBottomLineBtnImg" Property="Stroke" Value="{StaticResource Default.AwlKeyImgDisableFocused}"/> </MultiDataTrigger> <DataTrigger Binding="{Binding Path=AutoHideVisibility, RelativeSource={RelativeSource AncestorType={x:Type Syncfusion:DockingManager}}}" Value="False" > <Setter TargetName="AwlBtnImg" Property="Visibility" Value="Collapsed" /> <Setter TargetName="AwlInnerShadowBtnImg" Property="Visibility" Value="Collapsed" /> <Setter TargetName="AwlLineBtnImg" Property="Visibility" Value="Collapsed" /> <Setter TargetName="AwlBottomLineBtnImg" Property="Visibility" Value="Collapsed" /> <Setter TargetName="brdBack" Property="Margin" Value="0" /> <Setter TargetName="brdBack" Property="BorderThickness" Value="0" /> </DataTrigger> </ControlTemplate.Triggers> </ControlTemplate> </syncfusion:DockingManager.AwlButtonTemplate> <syncfusion:DockingManager.MenuButtonTemplate> <ControlTemplate TargetType="{x:Type ToggleButton}"> <StackPanel> <Border x:Name="brdBack" Width="15" Height="15" BorderThickness="1" BorderBrush="Transparent" Background="{StaticResource MenueButtonBackground}"> <Path Name="pathButton" StrokeThickness="0" Margin="0,-2,0,0" Fill="{StaticResource MenuButtonForeground}" Data="M 2 7 L 6.5 11 L 11 7 Z" /> </Border> </StackPanel> <ControlTemplate.Triggers> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource MouseOverMenueButtonBackground}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonOverBorder}"/> <Setter TargetName="pathButton" Property="Fill" Value="{StaticResource MouseOverMenuButtonForeground}" /> </Trigger> <DataTrigger Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" > <Setter TargetName="pathButton" Property="Fill" Value="{StaticResource Default.AwlKeyImgFocused}" /> </DataTrigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> </MultiDataTrigger.Conditions> <Setter TargetName="brdBack" Property="Background" Value="{StaticResource Default.ButtonFocused}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonFocusedBorder}"/> <Setter TargetName="pathButton" Property="Fill" Value="{StaticResource Default.AwlKeyImgFocused}"/> </MultiDataTrigger> <Trigger Property="IsChecked" Value="True" > <Setter TargetName="brdBack" Property="Background" Value="{StaticResource Default.ButtonOver}"/> <Setter TargetName="brdBack" Property="BorderBrush" Value="{StaticResource Default.ButtonOverBorder}"/> <Setter TargetName="pathButton" Property="Fill" Value="{StaticResource Default.AwlKeyImgFocused}" /> </Trigger> <Trigger Property="IsEnabled" Value="False"> <Setter TargetName="pathButton" Property="Fill" Value="{StaticResource Default.FlatKeyBrushDisable}" /> </Trigger> <MultiDataTrigger> <MultiDataTrigger.Conditions> <Condition Binding="{Binding Path=IsTemplateParenKeyboardFocusWithin, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Syncfusion:DockHeaderPresenter}}}" Value="True" /> <Condition Binding="{Binding Path=IsEnabled, RelativeSource={RelativeSource Self}}" Value="False" /> </MultiDataTrigger.Conditions> <Setter TargetName="pathButton" Property="Stroke" Value="{StaticResource Default.FlatKeyBrushFocused}" /> </MultiDataTrigger> </ControlTemplate.Triggers> </ControlTemplate> </syncfusion:DockingManager.MenuButtonTemplate> <ContentControl x:Name="SolutionExplorer" syncfusion:DockingManager.Header="Solution Explorer" /> <ContentControl x:Name="ToolBox" syncfusion:DockingManager.Header="Toolbox" /> <ContentControl x:Name="Properties" syncfusion:DockingManager.Header="Properties" /> <ContentControl x:Name="Output" syncfusion:DockingManager.Header="Output"/> <ContentControl x:Name="StartPage" syncfusion:DockingManager.Header="Start Page" /> </syncfusion:DockingManager> View sample in GitHub.Conclusion I hope you enjoyed learning about how to customize the background and foreground of the Close, AutoHide and Menu button in WPF DockingManager.You can refer to our WPF DockingManager feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications. You can also explore our Blazor ComboBox example to understand how to create and manipulate data.For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
Customize the header foreground XPTaskBar ForeColor and BackColor appearance has been customized based on its Visual Style. Hence to use different Visual Style in XPTaskBar other than default, it is needed to enable property named UseCustomColors. The following code demonstrates the same. C# this.xpTaskBar1.Style = Syncfusion.Windows.Forms.Tools.XPTaskBarStyle.Metro; XPTaskBarBox taskBarBox1 = new XPTaskBarBox(); taskBarBox1.HeaderForeColor = Color.Yellow; taskBarBox1.HeaderBackColor = Color.FromArgb(17, 158, 218); taskBarBox1.Text = "Header Text"; taskBarBox1.ItemBackColor = Color.White; taskBarBox1.Items.Add(new XPTaskBarItem("Item 1", Color.Black, 0, "Tag1")); taskBarBox1.Items.Add(new XPTaskBarItem("Item 2", Color.Black, 0, "Tag2")); //To set Header fore color for the styles other than default taskBarBox1.UseCustomColors = true; XPTaskBarBox taskBarBox2 = new XPTaskBarBox(); taskBarBox2.HeaderBackColor = Color.FromArgb(17, 158, 218); taskBarBox2.HeaderForeColor = Color.Lime; taskBarBox2.Text = "Another Header Text"; taskBarBox2.ItemBackColor = Color.White; taskBarBox2.Items.Add(new XPTaskBarItem("Item 3", Color.Black, 0, "Tag3")); //To set Header fore color for the styles other than default taskBarBox2.UseCustomColors = true; this.xpTaskBar1.Controls.Add(taskBarBox1); this.xpTaskBar1.Controls.Add(taskBarBox2); VB Me.xpTaskBar1.Style = Syncfusion.Windows.Forms.Tools.XPTaskBarStyle.Metro Dim taskBarBox1 As New XPTaskBarBox() taskBarBox1.HeaderForeColor = Color.Yellow taskBarBox1.HeaderBackColor = Color.FromArgb(17, 158, 218) taskBarBox1.Text = "Header Text" taskBarBox1.ItemBackColor = Color.White taskBarBox1.Items.Add(New XPTaskBarItem("Item 1", Color.Black, 0, "Tag1")) taskBarBox1.Items.Add(New XPTaskBarItem("Item 2", Color.Black, 0, "Tag2")) 'To set Header fore color for the styles other than default taskBarBox1.UseCustomColors = True Dim taskBarBox2 As New XPTaskBarBox() taskBarBox2.HeaderBackColor = Color.FromArgb(17, 158, 218) taskBarBox2.HeaderForeColor = Color.Lime taskBarBox2.Text = "Another Header Text" taskBarBox2.ItemBackColor = Color.White taskBarBox2.Items.Add(New XPTaskBarItem("Item 3", Color.Black, 0, "Tag3")) 'To set Header fore color for the styles other than default taskBarBox2.UseCustomColors = True Me.xpTaskBar1.Controls.Add(taskBarBox1) Me.xpTaskBar1.Controls.Add(taskBarBox2) Screenshot Samples: C#: XPTaskBarSample VB: XPTaskBarSample
To apply brushes for mouse over background and foreground in SfTabControl, customize the template of SfTabControl. When mouse hover the Selected Header of Tabcontrol, default background and foreground color will be blue and black respectively. Here different pointerover background and foreground colors are applied. The same has been demonstrated in the following code example: <Page x:Class="Mouse_hover.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:Mouse_hover" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:syncfusion="using:Syncfusion.UI.Xaml.Controls.Navigation" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <Grid.Resources> <SolidColorBrush x:Key="AccentBrush">#FF45ADEB</SolidColorBrush> <SolidColorBrush x:Key="selectedForeground">#FFFFFFFF</SolidColorBrush> <SolidColorBrush x:Key="UnselectedBackground">#FF636363</SolidColorBrush> <SolidColorBrush x:Key="PointerOverBackground1">Green</SolidColorBrush> <SolidColorBrush x:Key="PointerOverForeground1">Yellow</SolidColorBrush> <SolidColorBrush x:Key="PointerOverBackground2">Red</SolidColorBrush> <SolidColorBrush x:Key="PointerOverForeground2">White</SolidColorBrush> <SolidColorBrush x:Key="PointerOverBackground3">Violet</SolidColorBrush> <SolidColorBrush x:Key="PointerOverForeground3">Pink</SolidColorBrush> <SolidColorBrush x:Key="CommonPointerOverBackground">#FFD3D3D3 </SolidColorBrush> <Style x:Key="PinnableButtonStyle" TargetType="RepeatButton"> <Setter Property="Margin" Value="7 7 7 0"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RepeatButton"> <Grid x:Name="ButtonBorder"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="Common"> <VisualState x:Name="Normal"/> <VisualState x:Name="NormalPressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="HeaderTextPressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Pin"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="CompleteHeaderPressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="Pin"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="PointerOverState"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverBackground}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Pin"> <DiscreteObjectKeyFrame KeyTime="0" Value="0.5"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="PinnableStates"> <VisualState x:Name="Pinned"> <Storyboard> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform). TransformGroup.Children)[0].(RotateTransform.Angle)" Storyboard.TargetName="Pin"> <EasingDoubleKeyFrame KeyTime="0" Value="134"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="UnPinned"/> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Ellipse x:Name="backgroundellipse" Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="2" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"/> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> <Path x:Name="Pin" Data="F1M1525.83,266.24L1529.12,256.359 1539,246.478 1542.29,249.771 1552.17,246.478 1542.29,236.598 1545.59,233.304 1559.25,212.907 1539,226.718 1535.71,230.008 1540.88,235.189 1525.83,220.131 1522.53,230.008 1525.83,233.304 1515.95,243.181 1506.06,246.478 1525.83,266.24z" Stretch="Uniform" Fill="White" HorizontalAlignment="Center" VerticalAlignment="Center" Width="13.5" Height="11.5" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5"> <Path.RenderTransform> <TransformGroup> <TransformGroup.Children> <RotateTransform Angle="44" /> <ScaleTransform ScaleX="1" ScaleY="1" /> </TransformGroup.Children> </TransformGroup> </Path.RenderTransform> </Path> </ContentPresenter> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="CloseButtonStyle" TargetType="RepeatButton"> <Setter Property="Margin" Value="7 7 7 0"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="RepeatButton"> <Grid x:Name="ButtonBorder"> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="SelectionStates"> <VisualState x:Name="HeadertextPressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="CompleteHeaderPressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="ButtonContent"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Pressed"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource AccentBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="UnSelected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource UnselectedBackground}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="PointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverBackground}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Normal"/> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Fill" Storyboard.TargetName="backgroundellipse"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ButtonContent"> <DiscreteObjectKeyFrame KeyTime="0" Value="0.5"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Ellipse x:Name="backgroundellipse" Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="2" Height="{TemplateBinding Height}" Width="{TemplateBinding Width}"/> <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> <Path x:Name="ButtonContent" Data="M51.527958,0L64,12.4741 44.47221,32.001027 64,51.52871 51.528,64.000001 32.000016,44.472668 12.471823,64.000001 0.0010004044,51.528802 19.528015,32.001088 0,12.473726 12.472,0.0010004044 31.999884,19.528773z" Fill="White" Width="17" Height="17" Stretch="Uniform" Margin="0,0,0,0" RenderTransformOrigin="0.5,0.5"> <Path.RenderTransform> <TransformGroup> <TransformGroup.Children> <RotateTransform Angle="0" /> <ScaleTransform ScaleX="0.5" ScaleY="0.5" /> </TransformGroup.Children> </TransformGroup> </Path.RenderTransform> </Path> </ContentPresenter> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style TargetType="syncfusion:SfTabItem" x:Key="TabItemStyle1"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="syncfusion:SfTabItem"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="NormalState"/> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"/> <VisualState x:Name="PointerFocused"/> </VisualStateGroup> <VisualStateGroup x:Name="SelectionStates"> <VisualState x:Name="Normal"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedForeground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Selected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedBackground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="UnSelected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="PointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverForeground1}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverBackground1}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="SelectedPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="White"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="NormalPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" x:Name="PART_SelectedBorder" Visibility="Collapsed" /> <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" x:Name="PART_Border"> <Grid Margin="{TemplateBinding Padding}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Border Background="Transparent"> <ContentPresenter Margin="{TemplateBinding Padding}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" x:Name="ContentPresenter"/> </Border> <RepeatButton Style="{StaticResource PinnableButtonStyle}" Margin="0 7.5 7.5 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="1" Height="25" Width="25" x:Name="PinnableButton" Visibility="Collapsed"></RepeatButton> <RepeatButton Style="{StaticResource CloseButtonStyle}" Margin="0 7.5 0 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="2" Height="25"Width="25" x:Name="ClosableButton" Visibility="Collapsed"> </RepeatButton> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style TargetType="syncfusion:SfTabItem" x:Key="TabItemStyle2"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="syncfusion:SfTabItem"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="NormalState"/> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"/> <VisualState x:Name="PointerFocused"/> </VisualStateGroup> <VisualStateGroup x:Name="SelectionStates"> <VisualState x:Name="Normal"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedForeground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Selected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedBackground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="UnSelected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="PointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverForeground2}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverBackground2}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="SelectedPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="White"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="NormalPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" x:Name="PART_SelectedBorder" Visibility="Collapsed" /> <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" x:Name="PART_Border"> <Grid Margin="{TemplateBinding Padding}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Border Background="Transparent"> <ContentPresenter Margin="{TemplateBinding Padding}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" x:Name="ContentPresenter"/> </Border> <RepeatButton Style="{StaticResource PinnableButtonStyle}" Margin="0 7.5 7.5 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="1" Height="25" Width="25" x:Name="PinnableButton" Visibility="Collapsed"></RepeatButton> <RepeatButton Style="{StaticResource CloseButtonStyle}" Margin="0 7.5 0 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="2" Height="25" Width="25" x:Name="ClosableButton" Visibility="Collapsed"> </RepeatButton> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style TargetType="syncfusion:SfTabItem" x:Key="TabItemStyle3"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="syncfusion:SfTabItem"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="NormalState"/> <VisualState x:Name="Disabled"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ButtonDisabledForegroundThemeBrush}"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> <VisualStateGroup x:Name="FocusStates"> <VisualState x:Name="Focused"> <Storyboard> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite"/> <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/> </Storyboard> </VisualState> <VisualState x:Name="Unfocused"/> <VisualState x:Name="PointerFocused"/> </VisualStateGroup> <VisualStateGroup x:Name="SelectionStates"> <VisualState x:Name="Normal"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedForeground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="Selected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource selectedForeground}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding SelectedBackground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="PinnableButton"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="UnSelected"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="PointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverForeground3}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource PointerOverBackground3}"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="SelectedPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="White"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="PART_Border"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> <VisualState x:Name="NormalPointerOver"> <Storyboard> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="Black"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="PART_SelectedBorder"> <DiscreteObjectKeyFrame KeyTime="0" Value="Visible"/> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"> <DiscreteObjectKeyFrame KeyTime="0" Value="1"/> </ObjectAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Border Background="{Binding Background, RelativeSource={RelativeSource TemplatedParent}}" x:Name="PART_SelectedBorder" Visibility="Collapsed" /> <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}" x:Name="PART_Border"> <Grid Margin="{TemplateBinding Padding}"> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> </Grid.ColumnDefinitions> <Border Background="Transparent"> <ContentPresenter Margin="{TemplateBinding Padding}" Content="{TemplateBinding Header}" ContentTemplate="{TemplateBinding HeaderTemplate}" ContentTemplateSelector="{TemplateBinding HeaderTemplateSelector}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" x:Name="ContentPresenter"/> </Border> <RepeatButton Style="{StaticResource PinnableButtonStyle}" Margin="0 7.5 7.5 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="1" Height="25" Width="25" x:Name="PinnableButton" Visibility="Collapsed"></RepeatButton> <RepeatButton Style="{StaticResource CloseButtonStyle}" Margin="0 7.5 0 0" Background="{StaticResource UnselectedBackground}" Foreground="{Binding Foreground, RelativeSource={RelativeSource TemplatedParent}}" BorderBrush="{TemplateBinding BorderBrush}" HorizontalAlignment="{TemplateBinding HorizontalAlignment}" VerticalAlignment="{TemplateBinding VerticalAlignment}" Grid.Column="2" Height="25" Width="25" x:Name="ClosableButton" Visibility="Collapsed"></RepeatButton> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> </Grid.Resources> <Grid.ColumnDefinitions> <ColumnDefinition /> <ColumnDefinition Width="300"/> </Grid.ColumnDefinitions> <syncfusion:SfTabControl x:Name="tabControl" SelectionStyle="{Binding ElementName=selectionstyle,Path=SelectedItem}"> <syncfusion:SfTabItem Header="Item 1" Style="{StaticResource TabItemStyle1}"/> <syncfusion:SfTabItem Header="Item 2" Style="{StaticResource TabItemStyle2}"/> <syncfusion:SfTabItem Header="Item 3" Style="{StaticResource TabItemStyle3}"/> </syncfusion:SfTabControl> <StackPanel Grid.Column="1" Orientation="Horizontal" Margin="0 100 0 0"> <TextBlock Text="SelectionStyle" FontSize="16"/> <ComboBox Margin="7 0 0 0" x:Name="selectionstyle" VerticalAlignment="Top" Height="30" Width="150" Loaded="ComboBox_Loaded_1"/> </StackPanel> </Grid> </Page> private void ComboBox_Loaded_1(object sender, RoutedEventArgs e) { (sender as ComboBox).ItemsSource = Enum.GetValues(typeof(Syncfusion.UI.Xaml.Controls.Navigation. SelectionStyle)); (sender as ComboBox).SelectedIndex = 0; } Output:
The Foreground and Background for the selected FloatWindow headers can be changed by using FloatWindowSelectedHeaderForeground and FloatWindowSelectedHeaderBackground property of DockingManager. Refer to the following code examples. XAML C# The following screenshot displays how to apply foreground and background for the selected FloatWindow headers of DockingManager:
You can customize the DocumentTabControl of a WPF DockingManager by using the DocumentTabControlStyle. Here, an example is illustrated to set the foreground and background for the selected Document TabItem by customizing the DocumentTabControlStyle. You can change the selected document foreground and background in DockingManager by TabItemSelectedBackground and TabItemSelectedForegroud property of DocumentTabControl in the DocumentTabControlStyle . The following code example illustrates the code for setting the foreground color for the selected TabItem using the TabItemSelectedBackground property in the DocumentTabControlStyle. XAML //sample code for setting the background for selected Tabitem using the TabItemSelectedBackground <Window x:Class="DockManagerColor.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" Title="MainWindow" Height="350" Width="525"> <syncfusion:DockingManager UseDocumentContainer="True"> //Code used to specify how the DocumentTabControlStyle used to set the TabItemSelectedBackground <syncfusion:DockingManager.DocumentTabControlStyle> <Style TargetType="{x:Type syncfusion:DocumentTabControl}"> <Setter Property="TabItemSelectedBackground" Value="Brown"></Setter> </Style> </syncfusion:DockingManager.DocumentTabControlStyle> <ContentControl syncfusion:DockingManager.Header="Document 1" syncfusion:DockingManager.State="Document"> </ContentControl> <ContentControl syncfusion:DockingManager.Header="Document2" syncfusion:DockingManager.State="Document"> </ContentControl> <ContentControl syncfusion:DockingManager.Header="Document2" syncfusion:DockingManager.State="Document"> </ContentControl> </syncfusion:DockingManager> </Window> The following screenshot illustrates the output on how the TabItemSelectedBackground property works. Figure 1: TabItemSelectedBackground Property The following code example illustrates the code for setting the foreground color for the selected TabItem using the TabItemSelectedForeground property in the DocumentTabControlStyle. XAML //sample code for setting the background for selected Tabitem using the TabItemSelectedForeground <Window x:Class="DockManagerColor.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" Title="MainWindow" Height="350" Width="525"> <syncfusion:DockingManager UseDocumentContainer="True"> //Code used to specify how the DocumentTabControlStyle used to set the TabItemSelectedForeground <syncfusion:DockingManager.DocumentTabControlStyle> <Style TargetType="{x:Type syncfusion:DocumentTabControl}"> <Setter Property="TabItemSelectedForeground" Value="Red"></Setter> </Style> </syncfusion:DockingManager.DocumentTabControlStyle> <ContentControl syncfusion:DockingManager.Header="Document1" syncfusion:DockingManager.State="Document"> </ContentControl> <ContentControl syncfusion:DockingManager.Header="Document2" syncfusion:DockingManager.State="Document"> </ContentControl> </syncfusion:DockingManager> </Window> The following screenshot illustrates the output on how the TabItemSelectedForeground is applied for the selected TabItems. Figure 2: TabItemSelectedForeground applied for the selected TabItemsConclusionI hope you enjoyed learning about how to set foreground and background in WPF DockingManager. You can refer to our WPF DockingManager feature tour page to know about its other groundbreaking feature representations. You can also explore documentation to understand how to create and manipulate data.For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
You can change a negative color for the value of WPF DoubleTextBox by setting the NegativeForeground property and it will be applied when the ApplyNegativeForeground property is true, and the Value is negative. The default color of NegativeForeground is Red. XAML <syncfusion:DoubleTextBox x:Name=" doubletextbox " Value="-12345" NegativeForeground="Red" ApplyNegativeForeground="True" /> C# doubletextbox.NegativeForeground=new SolidColorBrush(Colors.Red); doubletextbox.ApplyNegativeForeground = true; doubletextbox.Value=-12345; The following screenshot displays the setting of Foreground color for the negative values. ConclusionI hope you enjoyed learning about how to set the negative foreground color in WPF Double TextBox. You can refer to our WPF Double TextBox feature tour page to know about its other groundbreaking feature representations. You can also explore documentation to understand how to create and manipulate data.For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
You can change the foreground color for negative value by using NegativeForeground and ApplyNegativeForeground properties in WPF IntegerTextBox. XAML <syncfusion:IntegerTextBox x:Name="integerbox" Value="-12345" NegativeForeground="Red" ApplyNegativeForeground="True" /> C# integerbox.NegativeForeground=new SolidColorBrush(Colors.Red); integerbox.ApplyNegativeForeground = true; integerbox.Value=-12345; The following screenshot displays the foreground color when you assign negative value.
You can change a negative color for the value of WPF PercentTextBox by setting the NegativeForeground property and it will be applied when the ApplyNegativeForeground property is true and the PercentValue is negative. The default color of NegativeForeground is Red. XAML <syncfusion:PercentTextBox x:Name="percentbox" NegativeForeground="Red" ApplyNegativeForeground="True" /> C# percentbox.NegativeForeground=new SolidColorBrush(Colors.Red); percentbox.ApplyNegativeForeground = true; The following screenshot displays the foreground color when you assign a negative value.
