Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Expand]Controls and Libraries
 [Expand]Common Features
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.DataAccess.UI.Design
  [Expand]DevExpress.DataAccess.UI.EntityFramework
  [Expand]DevExpress.DataAccess.UI.Excel
  [Expand]DevExpress.DataAccess.UI.Localization
  [Expand]DevExpress.DataAccess.UI.ObjectBinding
  [Expand]DevExpress.DataAccess.UI.Sql
  [Expand]DevExpress.DataAccess.UI.Wizard
  [Expand]DevExpress.DataAccess.UI.Wizard.Services
  [Expand]DevExpress.DataAccess.UI.Wizard.Views
  [Expand]DevExpress.DocumentView
  [Expand]DevExpress.DocumentView.Controls
  [Expand]DevExpress.LookAndFeel
  [Expand]DevExpress.LookAndFeel.Helpers
  [Expand]DevExpress.Skins
  [Expand]DevExpress.Snap
  [Expand]DevExpress.Snap.API.Native
  [Expand]DevExpress.Snap.Core
  [Expand]DevExpress.Snap.Core.API
  [Expand]DevExpress.Snap.Core.Fields
  [Expand]DevExpress.Snap.Core.Forms
  [Expand]DevExpress.Snap.Core.Options
  [Expand]DevExpress.Snap.Core.Services
  [Expand]DevExpress.Snap.Extensions
  [Expand]DevExpress.Snap.Extensions.Localization
  [Expand]DevExpress.Snap.Localization
  [Expand]DevExpress.Snap.Options
  [Expand]DevExpress.Snap.Services
  [Expand]DevExpress.Utils
  [Expand]DevExpress.Utils.Animation
  [Expand]DevExpress.Utils.Controls
  [Expand]DevExpress.Utils.Drawing
  [Expand]DevExpress.Utils.Menu
  [Expand]DevExpress.Utils.Taskbar
  [Expand]DevExpress.Utils.Taskbar.Core
  [Expand]DevExpress.Utils.UI.Localization
  [Expand]DevExpress.Utils.VisualEffects
  [Expand]DevExpress.Utils.Win
  [Expand]DevExpress.XtraBars
  [Expand]DevExpress.XtraBars.Alerter
  [Expand]DevExpress.XtraBars.Docking
  [Expand]DevExpress.XtraBars.Docking2010
  [Expand]DevExpress.XtraBars.Docking2010.Customization
  [Expand]DevExpress.XtraBars.Docking2010.Views
  [Expand]DevExpress.XtraBars.Docking2010.Views.NativeMdi
  [Expand]DevExpress.XtraBars.Docking2010.Views.Tabbed
  [Expand]DevExpress.XtraBars.Docking2010.Views.Widget
  [Expand]DevExpress.XtraBars.Docking2010.Views.WindowsUI
  [Expand]DevExpress.XtraBars.Localization
  [Expand]DevExpress.XtraBars.Navigation
  [Expand]DevExpress.XtraBars.Ribbon
  [Expand]DevExpress.XtraBars.Ribbon.Gallery
  [Expand]DevExpress.XtraBars.Ribbon.ViewInfo
  [Expand]DevExpress.XtraBars.ToastNotifications
  [Expand]DevExpress.XtraBars.Utils
  [Expand]DevExpress.XtraBars.WinRTLiveTiles
  [Expand]DevExpress.XtraCharts
  [Expand]DevExpress.XtraCharts.Designer
  [Expand]DevExpress.XtraCharts.Wizard
  [Expand]DevExpress.XtraDataLayout
  [Expand]DevExpress.XtraDiagram
  [Expand]DevExpress.XtraDiagram.Options
  [Expand]DevExpress.XtraEditors
  [Expand]DevExpress.XtraEditors.ButtonPanel
  [Expand]DevExpress.XtraEditors.Calendar
  [Expand]DevExpress.XtraEditors.Camera
  [Expand]DevExpress.XtraEditors.Container
  [Expand]DevExpress.XtraEditors.Controls
  [Expand]DevExpress.XtraEditors.CustomEditor
  [Expand]DevExpress.XtraEditors.DXErrorProvider
  [Expand]DevExpress.XtraEditors.Filtering
  [Expand]DevExpress.XtraEditors.Mask
  [Expand]DevExpress.XtraEditors.Persistent
  [Expand]DevExpress.XtraEditors.Repository
  [Expand]DevExpress.XtraEditors.ViewInfo
  [Expand]DevExpress.XtraFilterEditor
  [Expand]DevExpress.XtraGauges.Presets.Styles
  [Expand]DevExpress.XtraGauges.Win
  [Expand]DevExpress.XtraGauges.Win.Base
  [Expand]DevExpress.XtraGauges.Win.Gauges.Circular
  [Expand]DevExpress.XtraGauges.Win.Gauges.Digital
  [Expand]DevExpress.XtraGauges.Win.Gauges.Linear
  [Expand]DevExpress.XtraGauges.Win.Gauges.State
  [Expand]DevExpress.XtraGrid
  [Expand]DevExpress.XtraGrid.Columns
  [Expand]DevExpress.XtraGrid.EditForm
  [Expand]DevExpress.XtraGrid.FilterEditor
  [Expand]DevExpress.XtraGrid.Localization
  [Expand]DevExpress.XtraGrid.Views.BandedGrid
  [Expand]DevExpress.XtraGrid.Views.BandedGrid.ViewInfo
  [Expand]DevExpress.XtraGrid.Views.Base
  [Expand]DevExpress.XtraGrid.Views.Base.ViewInfo
  [Expand]DevExpress.XtraGrid.Views.Card
  [Expand]DevExpress.XtraGrid.Views.Card.ViewInfo
  [Expand]DevExpress.XtraGrid.Views.Grid
  [Expand]DevExpress.XtraGrid.Views.Grid.ViewInfo
  [Expand]DevExpress.XtraGrid.Views.Layout
  [Expand]DevExpress.XtraGrid.Views.Layout.Events
  [Expand]DevExpress.XtraGrid.Views.Layout.ViewInfo
  [Expand]DevExpress.XtraGrid.Views.Printing
  [Expand]DevExpress.XtraGrid.Views.Tile
  [Expand]DevExpress.XtraGrid.Views.WinExplorer
  [Expand]DevExpress.XtraGrid.WinExplorer
  [Collapse]DevExpress.XtraLayout
    AutoAlignMode Enumeration
    AutoSizeModes Enumeration
   [Expand]BaseLayoutItem Class
   [Expand]BaseLayoutItemCustomizationOptions Class
   [Expand]BaseLayoutItemOptionsToolTip Class
   [Expand]ColumnDefinition Class
   [Expand]ColumnDefinitions Class
    ControlMaxSizeCalcMode Enumeration
    CustomizationModes Enumeration
   [Expand]EmptySpaceItem Class
   [Expand]LayoutAppearanceCollection Class
   [Expand]LayoutControl Class
   [Expand]LayoutControlGroup Class
   [Expand]LayoutControlItem Class
   [Collapse]LayoutGroup Class
     LayoutGroup Members
    [Collapse]LayoutGroup Properties
      AllowBorderColorBlending Property
      AllowDrawBackground Property
      AllowGlyphSkinning Property
      AllowHtmlStringInCaption Property
      BackgroundImage Property
      BackgroundImageLayout Property
      BackgroundImageVisible Property
      CanChangeLayoutModeForChildSelectedGroup Property
      CanCreateTabbedGroupForSelectedGroup Property
      CanGroupSelectedItems Property
      CaptionImage Property
      CaptionImageIndex Property
      CaptionImageLocation Property
      CaptionImagePadding Property
      CaptionImageVisible Property
      CellSize Property
      ContentImage Property
      ContentImageAlignment Property
      Count Property
      CustomHeaderButtons Property
      DefaultLayoutType Property
      Enabled Property
      EnableIndentsWithoutBorders Property
      ExpandButtonLocation Property
      ExpandButtonMode Property
      ExpandButtonVisible Property
      Expanded Property
      ExpandOnDoubleClick Property
      FlowDirection Property
      GroupBordersVisible Property
      HeaderButtonsLocation Property
      ImageList Property
      IsInTabbedGroup Property
      Item Property
      Items Property
      LayoutMode Property
      MaxSize Property
      MinSize Property
      OptionsItemText Property
      OptionsPrint Property
      OptionsTableLayoutGroup Property
      PageEnabled Property
      Parent Property
      ParentTabbedGroup Property
      SelectedItems Property
      ShowTabPageCloseButton Property
      Size Property
      TabbedGroupParentName Property
      TypeName Property
      ViewInfo Property
    [Expand]LayoutGroup Events
    [Expand]LayoutGroup Methods
   [Expand]LayoutItem Class
   [Expand]LayoutItemContainer Class
   [Expand]LayoutMenuEventArgs Class
    LayoutMenuEventHandler Delegate
   [Expand]LayoutRepositoryItem Class
   [Expand]LayoutSerializationOptions Class
    MoveFocusDirection Enumeration
   [Expand]OptionsCustomizationForm Class
   [Expand]OptionsFocus Class
   [Expand]OptionsItemText Class
   [Expand]OptionsItemTextGroup Class
   [Expand]OptionsPrintBase Class
   [Expand]OptionsPrintControl Class
   [Expand]OptionsPrintGroup Class
   [Expand]OptionsPrintItem Class
   [Expand]OptionsTableLayoutGroup Class
   [Expand]OptionsTableLayoutItem Class
   [Expand]OptionsView Class
   [Expand]RowDefinition Class
   [Expand]RowDefinitions Class
    SizeConstraintsType Enumeration
   [Expand]SplitterItem Class
    SplitterItemFixedStyles Enumeration
    SplitterItemResizeMode Enumeration
   [Expand]TabbedControlGroup Class
   [Expand]TabbedGroup Class
    TextAlignMode Enumeration
    TextAlignModeGroup Enumeration
    TextAlignModeItem Enumeration
  [Expand]DevExpress.XtraLayout.Customization
  [Expand]DevExpress.XtraLayout.HitInfo
  [Expand]DevExpress.XtraLayout.Localization
  [Expand]DevExpress.XtraLayout.Utils
  [Expand]DevExpress.XtraMap
  [Expand]DevExpress.XtraMap.Printing
  [Expand]DevExpress.XtraNavBar
  [Expand]DevExpress.XtraNavBar.ViewInfo
  [Expand]DevExpress.XtraPdfViewer
  [Expand]DevExpress.XtraPdfViewer.Commands
  [Expand]DevExpress.XtraPdfViewer.Localization
  [Expand]DevExpress.XtraPivotGrid
  [Expand]DevExpress.XtraPivotGrid.Data
  [Expand]DevExpress.XtraPrinting
  [Expand]DevExpress.XtraPrinting.Control
  [Expand]DevExpress.XtraPrinting.Preview
  [Expand]DevExpress.XtraPrintingLinks
  [Expand]DevExpress.XtraReports.UI
  [Expand]DevExpress.XtraRichEdit
  [Expand]DevExpress.XtraRichEdit.Commands
  [Expand]DevExpress.XtraRichEdit.Export
  [Expand]DevExpress.XtraRichEdit.Import
  [Expand]DevExpress.XtraRichEdit.Localization
  [Expand]DevExpress.XtraRichEdit.Menu
  [Expand]DevExpress.XtraScheduler
  [Expand]DevExpress.XtraScheduler.Drawing
  [Expand]DevExpress.XtraScheduler.Printing
  [Expand]DevExpress.XtraScheduler.Reporting
  [Expand]DevExpress.XtraScheduler.Reporting.UI
  [Expand]DevExpress.XtraScheduler.Services
  [Expand]DevExpress.XtraScheduler.Services.Implementation
  [Expand]DevExpress.XtraScheduler.UI
  [Expand]DevExpress.XtraSpellChecker
  [Expand]DevExpress.XtraSpellChecker.Localization
  [Expand]DevExpress.XtraSplashForm
  [Expand]DevExpress.XtraSplashScreen
  [Expand]DevExpress.XtraSpreadsheet
  [Expand]DevExpress.XtraSpreadsheet.Services
  [Expand]DevExpress.XtraTab
  [Expand]DevExpress.XtraTab.Buttons
  [Expand]DevExpress.XtraTab.ViewInfo
  [Expand]DevExpress.XtraTabbedMdi
  [Expand]DevExpress.XtraToolbox
  [Expand]DevExpress.XtraTreeList
  [Expand]DevExpress.XtraTreeList.Columns
  [Expand]DevExpress.XtraTreeList.Data
  [Expand]DevExpress.XtraTreeList.Localization
  [Expand]DevExpress.XtraTreeList.Menu
  [Expand]DevExpress.XtraTreeList.Nodes
  [Expand]DevExpress.XtraTreeList.Nodes.Operations
  [Expand]DevExpress.XtraTreeList.StyleFormatConditions
  [Expand]DevExpress.XtraTreeMap
  [Expand]DevExpress.XtraVerticalGrid
  [Expand]DevExpress.XtraVerticalGrid.Events
  [Expand]DevExpress.XtraVerticalGrid.Localization
  [Expand]DevExpress.XtraVerticalGrid.Rows
  [Expand]DevExpress.XtraWaitForm
  [Expand]DevExpress.XtraWizard
[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

LayoutGroup.LayoutMode Property

Gets or sets layout the mode for a LayoutGroup.

Namespace:DevExpress.XtraLayout
Assembly:DevExpress.XtraLayout.v17.1.dll

Expanded Syntax

Property value

Type: LayoutMode
A LayoutMode enumerator value that specifies the layout mode for the LayoutGroup.
The default is LayoutMode.Regular.

Expanded Remarks

A layout group supports regular, flow and table layout modes, which define how layout child items are arranged and sized within a group. In regular layout mode, layout items tend to stretch within the parent layout group and can have any size. In flow layout mode, layout items are not stretched; they are automatically arranged in rows according to their order in the Items collection, and are automatically wrapped at the group's right edge. In table layout mode, layout items are arranged in a two-dimensional table based on their row and column indexes and span values.

The LayoutMode property allows you to enable the appropriate layout mode for the LayoutGroup. You can also change the mode at design time by right-clicking the layout group and selecting the Convert To and then Regular/Flow/Table Layout in the invoked context menu.

Expanded Flow Layout

The following video demonstrates the differences in item behavior between flow and regular layout modes when a LayoutControl is resized .

The table below shows the main differences between flow and regular layout modes.

Characteristic Flow Layout Mode Regular Layout Mode
Item Arrangement Layout items are automatically arranged in rows, and snapped to the sizing grid. The item flow automatically wraps at the group's right edge. Layout items are stretched within the parent layout group. Empty Space Items can be helpful in preventing item stretching.
Item Resizing in Customization Mode Resizing of layout items is constrained to the cell size increment. Items can have any size, limited only by their size constraints.
Automatic Item Resizing when LayoutControl is Resized Layout items are not resized, but the flow of items automatically wraps at a group's right edge. Layout items are automatically resized according to their size constraints.
Nested Groups Not supported. Supported.

To learn more about the flow layout, refer to the Flow Layout document.

Expanded Table Layout

A table layout is a two-dimensional grid that consists of cells formed by a set of rows and columns. The size of rows and columns can be specified in absolute or relative values. If the auto-size feature is enabled, the size of rows and columns is automatically calculated to fit their contents. Each layout item is positioned within a table cell according to its column and row indexes. Layout items can also occupy two or more cells simultaneously.

The following image demonstrates the table layout that consists of five items arranged in three columns and three rows.

For more information on the table layout, see the Table Layout topic.

Expanded See Also

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