[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Collapse]Windows 10 App Controls
  Prerequisites
 [Expand]Getting Started
 [Collapse]Controls
  [Collapse]Navigation and Layout
   [Expand]Hamburger Menu
   [Collapse]Layout Control
    [Expand]Examples
    Master-Detail Pattern
   [Expand]Ribbon Control
  [Expand]Data Editors
  [Expand]Data Grid
  [Expand]Charts
  [Expand]Map Control
  [Expand]Gauges
  [Expand]PDF Viewer
  [Expand]Scheduler
   SVG Icon
   Context Menu
 [Expand]Themes and Color Schemes
  Localization
  Get More Help
 [Expand]API Reference
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[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 Control

The LayoutControl enables you to build a simple or compound layout of controls within a form with the intrinsic support for consistent control arrangement.

The LayoutControl consists of items that can be combined into titled, expandable or borderless groups. A typical layout item is encapsulated by the LayoutItem class. It represents a header and content pair, where any control can be used as the item's content. However, you are not limited to using only LayoutItems as group content. You can use any control you wish.

The following is a list of major LayoutControl features.

  • Consistent control lay-outing without overlapping (ensured by combining items into groups).
  • Expandable and borderless groups.
  • Items in groups can be arranged in a horizontal or vertical direction.
  • Automatic alignment of item headers within groups.
  • Ability to specify different layout directions of items in the Landscape and Portrait modes.
  • Automatic control rearrangement when the application's snapped state is enabled. Item headers are automatically moved to the top of controls and items within groups are vertically oriented (provided that the group's orientation was not forcibly set).
  • Layout items are highlighted when focused.
  • Ability to control a layout item's size (item stretching, auto-size and proportional size) and spacing.
  • Multiple items can be combined into a single cell and as such overlap each other. This allows you to display text over an image, for instance.
  • Ability to use controls as group items.
  • MVVM design pattern support enabling you to populate groups with items from underlying data collections.

Expanded See Also

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