[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
    [Expand]Layout Control
    [Expand]Data Layout Control
    [Expand]Layout Items
    [Collapse]Layout Groups
      Layout Group's Settings
      Layout Group's Contents
      Creating 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 Groups

If you wish to combine your editors and controls into titled panels or present them as tabbed pages, there is no need to combine them with external Panels or TabbedControls. You can easily do this with the help of built-in Layout Groups and Tabbed Groups.

A layout group represents a container of Layout Items and other groups within the Layout Control. A layout group has a border and caption that can be optionally hidden. In customization mode, dragging a group by its header will drag its contents as well.

In the Layout Control, layout items can only be displayed within groups. The control always contains a top level root group. This group is automatically created when a LayoutControl is created. When you drag a control onto an empty Layout Control, a new layout item is created, and it's added to the root group.

The following image shows a sample Layout Control painted using the Money Twins skin.

Here, two groups are displayed: 1) Employee is the root group and 2) Personal Info is a nested group. In this image, the root group's caption is visible, although, by default, it's hidden at design time.

Layout groups are represented by the LayoutControlGroup class. To access the root group's settings, use the LayoutControl.Root property. You can display a custom caption image and enable an expand/collapse button for a group. See Layout Group's Settings to learn more.

A layout group can be displayed as a tab within a tabbed group. See the Tabbed Group topic for additional information.

Expanded Concepts

Expanded Task-Based Help

Expanded See Also

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