Hi,
I'm trying to use the DockingManager to replace an existing docking framework.
What I need is the following:
The main window contains a TabControl for different workspaces.
The user selects a control and it gets added to the dockmanager (the active tab) and takes up all available space.
The user selects another control and it gets tabbed with the first control.
After that the user can tear off controls from their tabbed positions and place them anywhere in the dock.
What I have so far is this:
MainWindow xaml:
<syncfusion:TabControlExt x:Name="tabs"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
TabStripPlacement="Bottom"
TabIndex="1"
IsNewButtonEnabled="True"
NewButtonClick="tabs_NewButtonClick"
PreviewMouseDown="tabs_PreviewMouseDown">
<syncfusion:DockingManager x:Name="dock" UseDocumentContainer="True" VerticalAlignment="Stretch" HorizontalAlignment="Stretch" ContainerMode="TDI" TabGroupEnabled="True"/>
</syncfusion:TabControlExt>
//Code for adding a new control to the window
public void AddControl(string header, FrameworkElement control)
{
var activeTab = GetActiveTabFromTabControl();
var dock = activeTab.dock;
DockingManager.SetHeader(control, header);
manager.Children.Add(control);
}
What this does is add a new control to the active tab but it's always docked to the left and sized to the content of the containing control.
Also if I keep adding controls to it they stack up to the right and even go out of the screen without a scrollbar appearing.
I've tried multiple versions of setting the DockState and DockSide on the control but none of that seems to make any difference.
What am I missing?