Articles in this section
Category / Section

How to enable renaming functionality of TDI Document header at runtime of WPF DockingManager?

1 min read

To enable the renaming functionality of the TDI document header at run time on double clicking, set the property EnableDocumentTabHeaderEdit of the WPF DockingManager to True.

Xaml

<Window x:Class="DockingManager_New.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>
           <syncfusion:DockingManager x:Name="DockingManager1" UseDocumentContainer="True"  EnableDocumentTabHeaderEdit="True" ContainerMode="TDI"  >
               <ContentControl x:Name="content1" syncfusion:DockingManager.Header="Document1" syncfusion:DockingManager.State="Document"/>
               <ContentControl x:Name="content2" syncfusion:DockingManager.Header="Document2" syncfusion:DockingManager.State="Document"/>
               <ContentControl x:Name="content3" syncfusion:DockingManager.Header="Document3" syncfusion:DockingManager.State="Document"/>
               <ContentControl x:Name="content4" syncfusion:DockingManager.Header="Document4" syncfusion:DockingManager.State="Document"/>
            </syncfusion:DockingManager>    
       </Grid>
</Window>

C#

using Syncfusion.Windows.Tools.Controls;
 
namespace DockingManager_New
{
  /// <summary>
  /// Interaction logic for MainWindow.xaml
  /// </summary>
  public partial class MainWindow : Window
  {
     public MainWindow()
     {
       InitializeComponent();
       DockingManager dockingmanager = new DockingManager();
       ContentControl content1 = new ContentControl();
       dockingmanager.UseDocumentContainer = true;
       DockingManager.SetHeader(content1, "Document1");
       DockingManager.SetState(content1, DockState.Document);
       ContentControl content2 = new ContentControl();
       DockingManager.SetHeader(content2, "Document2");
       DockingManager.SetState(content2, DockState.Document);
       ContentControl content3 = new ContentControl();
       DockingManager.SetHeader(content3, "Document3");
       DockingManager.SetState(content3, DockState.Document);
       ContentControl content4 = new ContentControl();
       DockingManager.SetHeader(content4, "Document4");
       DockingManager.SetState(content4, DockState.Document);
       //Setting the EnableDocumentTabHeaderEdit to true, so that the tab header can edit at runtime
       dockingmanager.EnableDocumentTabHeaderEdit = true;
       dockingmanager.Children.Add(content1);
       dockingmanager.Children.Add(content2);
       dockingmanager.Children.Add(content3);
       dockingmanager.Children.Add(content4);
       Grid1.Children.Add(dockingmanager);
     }
  }
}

The following screenshot shows how the TDI document header can be edited at runtime on double clicking:

      Rename the tab item in WPF DockingManager

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