[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
    [Collapse]Layout Items
      Layout Item's Settings
      Item Label
      Spacing and Paddings
      Creating 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 Items

Any control can be displayed within the Layout Control with the help of layout items. A layout item is a component that can display an external control and some caption.


Do not modify the following settings for a control that resides within a layout item. All these control settings are managed by the parent layout item itself, and changing their values manually may break the layout.

  • Size
  • AutoSize
  • Dock
  • Location
  • Anchor

The following image shows four layout items displayed within the 'Personal Info' layout group. The three layout items on the left have captions, while the layout item on the right does not:

A layout item is represented by the LayoutControlItem component. Its LayoutControlItem.Control property specifies the control that is displayed by this layout item.

To add a control to the Layout Control drag it to the layout control's area. This will create a new layout item with the specified control.

Layout items can only be displayed within Layout Groups. By default, the Layout Control contains a single group - root - that accommodates all layout items and nested groups if any. You can combine layout items into groups and tabbed groups using the Context Menu, hide the items to the Customization Form, rearrange them using drag-and-drop operations, and resize them on the form, etc.

Expanded Concepts

Expanded Task-Based Help

Expanded See Also

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