How to dock a panel to another panel in code

• Jun 07, 2019

This example shows how to dock a panel in code using the methods provided by the DockLayoutManager.DockController object. In the Button1_Click event handler, a panel is docked to another panel forming a split container (two panels are displayed side by side). In the Button2_Click event handler, a panel is docked to another panel forming a tabbed group.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-dock-a-panel-to-another-panel-in-code-e1639.

Window1.xaml.vb

Private Sub Button1_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
    ' Dock the Properties panel at the bottom of the Output panel.
    dockManager1.DockController.Dock(paneProperties, paneOutput, DockType.Bottom)
End Sub

Private Sub Button2_Click(ByVal sender As Object, ByVal e As RoutedEventArgs)
    ' Dock the Properties panel to the Output panel, creating a tab container.
    dockManager1.DockController.Dock(paneProperties, paneOutput, DockType.Fill)
End Sub

Window1.xaml.cs

private void Button1_Click(object sender, RoutedEventArgs e) {
    // Dock the Properties panel at the bottom of the Output panel.
    dockManager1.DockController.Dock(paneProperties, paneOutput, DockType.Bottom);
}

private void Button2_Click(object sender, RoutedEventArgs e) {
    // Dock the Properties panel to the Output panel, creating a tab container.
    dockManager1.DockController.Dock(paneProperties, paneOutput, DockType.Fill);
}