How to add a custom control in header part of dock window in WPF DockingManager?

1 min read

You can add a custom control on header of dock window in WPF DockingManager. It can be achieved by customizing the HeaderTemplate of DockingManager.

For example,

Here we have loaded the Textbox and Button controls in dock window header. The following code demonstrates the same.

Xaml

<Window.Resources>
  <!-- For adding custom controls -->
  <DataTemplate x:Key="HeaderStyle">
    <StackPanel Orientation="Horizontal">
      <TextBox Text="Search" Width="100" Margin="10 0 10 0" HorizontalContentAlignment="Center"/>
      <Button Content="Click" Width="100" Margin="0 0 10 0"/>
    </StackPanel>
  </DataTemplate>
</Window.Resources>
 
<!-- DockingManager -->
<syncfusion:DockingManager DockFill="True" syncfusion:SkinStorage.VisualStyle="Metro" >
  <ContentControl syncfusion:DockingManager.Header="ToolBox" />
  <ContentControl  syncfusion:DockingManager.HeaderTemplate="{StaticResource HeaderStyle}">
  </ContentControl>
</syncfusion:DockingManager>

Adding custom control in header of WPF DockingManager

Did you find this information helpful?

Yes

Comments (0)

How to add a custom control in header part of dock window in WPF DockingManager?

Access denied