Articles in this section

How to edit the DockHeaderStyle in DockingManager

  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:

               C:\Users\Ashok.Murugesan\Desktop\Switchmode\DockHeaderStyle.png

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Access denied
Access denied