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

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