Get rid of DockedElementTabbedHost

[Caleb Kliewer]

DockedElementTabbedHost (according to the Live Visual Tree) is adding a space between docks that I do not want. I need to know how to get rid of this. The affected area is highlighted in orange on the attached below. For clarification, I need to get rid of the orange part. 

[Mallika Kannan]

Hi Caleb Kliewer  

  

This reported client area used to fill the DockingManager by control which should not look like docking window. This entire client area can be occupied by the docked children by using DockFill property. Please make use of the below code example.  

  

Code Example: [Xaml]  

  

<syncfusion:DockingManager Name="dockingManager" DockFill="True"> 

<ContentControl syncfusion:DockingManager.Header="Dock1" syncfusion:DockingManager.SideInDockedMode= "Left" /> 

<ContentControl syncfusion:DockingManager.Header="Dock2" syncfusion:DockingManager.SideInDockedMode= "Left"/> 

<ContentControl syncfusion:DockingManager.Header="Dock3" syncfusion:DockingManager.SideInDockedMode= "Right"/> 

</syncfusion:DockingManager> 

 

  

Screenshot  

   

We have prepared a sample for the same. It can be downloaded from the below link,  

  

Sample: http://www.syncfusion.com/downloads/support/forum/136263/ze/DockingManagerTab2097167787.zip 

  

Please refer to the below documentation for more details.  

  

KB Link: https://www.syncfusion.com/kb/3347/how-to-enable-the-docked-children-of-docking-manager-to-occupy-entire-docking-area 

  

Please try the above solution and let us know if it is helpful.  

  

Regards,  

Mallika