[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Expand]Chart Control
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Collapse]Form Layout Managers
    Side Panel
   [Collapse]Layout and Data Layout Controls
    [Expand]Product Information
    [Expand]Getting Started
    [Collapse]Layout Control
      Layout Control
      Layout Hierarchical Structure
      Converting a Regular Layout of Controls to an XtraLayoutControl
      Customizing a Layout In Code
      Using a LayoutControl in Inherited Forms
    [Expand]Data Layout Control
    [Expand]Layout Items
    [Expand]Layout Groups
    [Expand]Tabbed Groups
    [Expand]Other Layout Elements
    [Expand]Design-Time and Runtime Customization
    [Expand]Size and Alignment
     Flow Layout
     Table Layout
     Focus Management
    [Expand]Appearance and Look and Feel
    [Expand]Member Tables
   [Expand]Tabbed MDI Manager
    Tab Control
   [Expand]Wizard Control
    Workspace Manager
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Layout Hierarchical Structure

This topic describes the elements that maintain the layout of controls in the Layout Control and Data Layout Control. To learn about the main features provided by the Layout Controls and layout customization capabilities, see Layout Control.

The basic layout building blocks in the Layout Control and Data Layout Control are layout items. These elements display embedded controls along with optional labels.

The Layout Control also provides built-in containers - regular and tabbed groups used to combine items and other groups. The ability to place groups within other groups allows you to create complex layouts.

When the Layout Control is created, it already contains the root group - the bottommost container for all your layout elements. The root group (LayoutControl.Root) cannot be deleted or hidden. It's only possible to change the visibility of the root group's caption and borders.

In addition to the layout items, groups and tabbed groups, the Layout Control provides elements to create empty regions, splitters, labels and separators. The following table lists all elements supported by the Layout Control.

Item Class Description
Layout Item LayoutControlItem Displays an embedded control and an optional label. Learn more.
Regular Group LayoutControlGroup A regular group with or without a header and borders. Learn more.
Tabbed Group TabbedControlGroup The group that features a tabbed UI. Learn more.
Empty Space Item EmptySpaceItem Used to insert empty regions in the Layout Control. Learn more.
Splitter SplitterItem Allows you to resize and optionally collapse/expand adjacent layout items. Not supported in Table Layout and Flow Layout modes. Learn more.
Label DevExpress.XtraLayout.SimpleLabelItem A label. Learn more.
Separator DevExpress.XtraLayout.SimpleSeparator A separator line. Learn more.

Expanded See Also

Is this topic helpful?​​​​​​​