Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Collapse]Form Layout Managers
    Side Panel
   [Collapse]Layout Manager
    [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 Item
    [Expand]Layout Groups
    [Expand]Tabbed Group
    [Expand]Other Layout Elements
    [Expand]Customization Capabilities
    [Expand]Size and Alignment
     Flow Layout
     Table Layout
     Focus Management
    [Expand]Appearance and Look and Feel
    [Expand]Miscellaneous
    [Expand]Examples
    [Expand]Member Tables
   [Expand]Tabbed MDI Manager
    Tab Control
   [Expand]Wizard Control
    Workspace Manager
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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

How would you rate this topic?​​​​​​​