Dock and Layout UI: Object Structure

• Sep 27, 2022
• 2 minutes to read

The following list enumerates all basic UI building blocks available to you with the DockLayoutManager component. The list also indicates the nesting order of supported objects.

• DockLayoutManager
  • LayoutGroup (root)
    • LayoutGroup
      • Group Content
    • TabbedGroup
      • Group Content
    • DocumentGroup
      • DocumentPanel
  • AutoHideGroups
    • AutoHideGroup
      • Group Content
  • FloatGroups
    • FloatGroup
      • Group Content
      • TabbedGroup
        • Group Content
      • DocumentGroup
        • DocumentPanel

Group Content

You can place the following items in groups:

Dock UI

• LayoutPanel
  • LayoutGroup
    • Group Content

Layout UI

• LayoutControlItem
  • UIElement
• EmptySpaceItem
• LabelItem
• LayoutSplitter
• SeparatorItem

Limitations

1. Do not combine dock and layout items within a single LayoutGroup.

2. Do not combine LayoutGroups that contain dock items with groups that contain layout items. If you need to arrange layout items next to dock items, add the layout items into a LayoutPanel.

3. Do not use dock items outside the DockLayoutManager control.

4. Do not add LayoutControlItems in LayoutPanels. Instead, wrap LayoutControlItems with a LayoutGroup and then add the LayoutGroup in a LayoutPanel:

   XAML

   <dxdo:LayoutPanel>
       <dxdo:LayoutGroup>
           <dxdo:LayoutControlItem>
               <!-- ... -->
           </dxdo:LayoutControlItem>
       </dxdo:LayoutGroup>
   </dxdo:LayoutPanel>
   

Next Steps

Dock Layout Manager: Get Started

This topic shows how to create and manipulate general Dock UI panels and groups.

Dock UI Items

This topic describes DockLayoutManager‘s items that you can use to build a dock UI.

Layout UI Items

This topic describes DockLayoutManager‘s items that you can use to build a layout UI.

Examples

• Examples: Dock UI
• Examples: Layout UI