Category / Section
How to set the foreground and background color for the selected Floatwindow header in DockingManager?
1 min read
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
//The following code used to demonstrate how to set the foreground and background for the selected floatwindow header: <Window x:Class="DockWindow_Property.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" Title="MainWindow" Height="350" Width="525" > <Grid x:Name="Grid1"> <syncfusion:DockingManager UseDocumentContainer="True" UseNativeFloatWindow="True" FloatWindowSelectedHeaderForeground="Yellow" FloatWindowSelectedHeaderBackground="Brown"> <ContentControl syncfusion:DockingManager.Header="Dock1" syncfusion:DockingManager.State="Dock" ></ContentControl> <ContentControl syncfusion:DockingManager.Header="Dock2" syncfusion:DockingManager.State="Float" ></ContentControl> <ContentControl syncfusion:DockingManager.Header="Dock3" syncfusion:DockingManager.State="Dock" ></ContentControl> <ContentControl syncfusion:DockingManager.Header="Dock4" syncfusion:DockingManager.State="Dock" ></ContentControl> <ContentControl syncfusion:DockingManager.Header="Dock5" syncfusion:DockingManager.State="Dock"> </ContentControl> </syncfusion:DockingManager> </Grid> </Window>
C#
//The following code used to demonstrate how to set the foreground and background for the selected floatwindow header: using Syncfusion.Windows.Tools.Controls; namespace DockWindow_Property { /// <summary> /// Interaction logic for MainWindow.xaml /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DockingManager dock = new DockingManager(); dock.FloatWindowSelectedHeaderForeground = Brushes.Yellow; dock.FloatWindowSelectedHeaderBackground = Brushes.Brown; ContentControl content1 = new ContentControl(); DockingManager.SetHeader(content1, "Dock1"); DockingManager.SetState(content1, DockState.Dock); ContentControl content2 = new ContentControl(); DockingManager.SetHeader(content2, "Dock2"); DockingManager.SetState(content2, DockState.Float); ContentControl content3 = new ContentControl(); DockingManager.SetHeader(content3, "Dock3"); DockingManager.SetState(content3, DockState.Dock); ContentControl content4 = new ContentControl(); DockingManager.SetHeader(content4, "Dock4"); DockingManager.SetState(content4, DockState.Dock); ContentControl content5 = new ContentControl(); DockingManager.SetHeader(content5, "Dock5"); DockingManager.SetState(content5, DockState.Dock); dock.Children.Add(content1); dock.Children.Add(content2); dock.Children.Add(content3); dock.Children.Add(content4); dock.Children.Add(content5); Grid1.Children.Add(dock); } } }
The following screenshot displays how to apply foreground and background for the selected FloatWindow headers of DockingManager:
|