[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Expand]Charts Suite
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Collapse]Layout Management
   [Expand]Dock Windows
   [Collapse]Tile and Layout
    [Collapse]Layout and Data Layout Controls
      Layout Control
      Data Layout Control
      Layout Items and Groups
      Aligning contents of LayoutItems
      Aligning Items within LayoutGroup and LayoutControl Objects
      Customization Mode
      Available Items List
     Tile Layout Control
     Dock Layout Control
     Flow Layout Control
    [Expand]Common Features
   [Expand]Tab Control
    Book Control
    Workspace Manager
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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)

Aligning contents of LayoutItems

Expanded Across-Group Alignment

Layout items are objects that associate labels with controls. The LayoutControl automatically aligns its layout items: the left edges of the item's content regions are aligned to the largest label in all the layout items:

The LayoutControl aligns its layout items to the largest label in multiple groups.

The following image demonstrates layout groups that are arranged in two columns. The LayoutControl aligns its layout items with the same horizontal offset to the largest item label.


The LayoutControl can align only items inside it or its groups, and it cannot align nested items' content. For example, if you place a UserControl with items into LayoutControl, or nest a LayoutItem in another one, the internal items are not aligned.

Expanded Local Alignment

You can make LayoutControl align its items within an individual group separately from other groups. Set the LayoutGroup.ItemLabelsAlignment property to Local to align items in this group separately from other groups.

In the following image, Group 2's LayoutGroup.ItemLabelsAlignment property is set to Local. The Group 2's items are aligned to the largest label within this group. The other groups' items are aligned to the largest label within these groups.


The LayoutControl does not align Layout items whose LayoutItem.Label property is not specified.

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