Category / Section
How to edit the DockHeaderStyle in DockingManager
1 min read
How to edit the DockHeader Style in DockingManager
DockingManager allows to set style for DockWindow Header by DockHeaderStyle
property of DockingManager with the TargetType as DockHeaderPresenter.
The same has been explained in the following code snippet:
XAML:
//Code Explains How to edit the DockHeader Style in DockingManager <Window 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" x:Class="DockingMgrStyle.MainWindow" Title="MainWindow" Height="350" Width="525"> <Window.Resources> <Style x:Key="DockHeaderStyle1" TargetType="{x:Type syncfusion:DockHeaderPresenter}"> <Setter Property="MinHeight" Value="100"></Setter> <Setter Property="FontSize" Value="15"></Setter> <Setter Property="FontWeight" Value="ExtraBold"></Setter> </Style> </Window.Resources> <Grid> <syncfusion:DockingManager Name="Docking" UseDocumentContainer="True" DockHeaderStyle="{StaticResource DockHeaderStyle1}" > <ContentControl syncfusion:DockingManager.Header="Child1" syncfusion:DockingManager.State="Dock"></ContentControl> <ContentControl syncfusion:DockingManager.Header="Child2" syncfusion:DockingManager.State="Dock"></ContentControl> </syncfusion:DockingManager> </Grid> </Window>
C#:
//Code Explains How to edit the DockHeader Style in DockingManager namespace DockingMgrStyle { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); Style style = this.FindResource("DockHeaderStyle1") as Style; Docking.DockHeaderStyle = style; } } }
Output:
DockHeaderStyle: