Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]Controls and Libraries
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Collapse]API Reference
  [Expand]DevExpress.Charts.Designer
  [Expand]DevExpress.Mvvm.UI
  [Expand]DevExpress.Mvvm.UI.Interactivity
  [Expand]DevExpress.Mvvm.UI.ModuleInjection
  [Expand]DevExpress.Xpf.Accordion
  [Expand]DevExpress.Xpf.Bars
  [Expand]DevExpress.Xpf.Carousel
  [Expand]DevExpress.Xpf.Charts
  [Expand]DevExpress.Xpf.Charts.Localization
  [Expand]DevExpress.Xpf.Charts.RangeControlClient
  [Expand]DevExpress.Xpf.ChunkList
  [Expand]DevExpress.Xpf.Controls
  [Expand]DevExpress.Xpf.Core
  [Expand]DevExpress.Xpf.Core.ConditionalFormatting
  [Expand]DevExpress.Xpf.Core.DataSources
  [Expand]DevExpress.Xpf.Core.ServerMode
  [Expand]DevExpress.Xpf.Data
  [Expand]DevExpress.Xpf.DataAccess
  [Expand]DevExpress.Xpf.DataAccess.DataSourceWizard
  [Expand]DevExpress.Xpf.Diagram
  [Expand]DevExpress.Xpf.Docking
  [Expand]DevExpress.Xpf.Docking.Base
  [Expand]DevExpress.Xpf.DocumentViewer
  [Expand]DevExpress.Xpf.Editors
  [Expand]DevExpress.Xpf.Editors.DateNavigator
  [Expand]DevExpress.Xpf.Editors.ExpressionEditor
  [Expand]DevExpress.Xpf.Editors.Filtering
  [Expand]DevExpress.Xpf.Editors.Flyout
  [Expand]DevExpress.Xpf.Editors.Flyout.Native
  [Expand]DevExpress.Xpf.Editors.Helpers
  [Expand]DevExpress.Xpf.Editors.Popups
  [Expand]DevExpress.Xpf.Editors.RangeControl
  [Expand]DevExpress.Xpf.Editors.Settings
  [Expand]DevExpress.Xpf.Editors.Validation
  [Expand]DevExpress.Xpf.Gauges
  [Expand]DevExpress.Xpf.Gauges.Localization
  [Expand]DevExpress.Xpf.Grid
  [Expand]DevExpress.Xpf.Grid.ConditionalFormatting
  [Expand]DevExpress.Xpf.Grid.LookUp
  [Expand]DevExpress.Xpf.Grid.TreeList
  [Expand]DevExpress.Xpf.Layout.Core
  [Collapse]DevExpress.Xpf.LayoutControl
   [Expand]DataLayoutControl Class
   [Expand]DataLayoutControlAutoGeneratedGroupEventArgs Class
    DataLayoutControlAutoGeneratedItemsLocation Enumeration
   [Expand]DataLayoutControlAutoGeneratingItemEventArgs Class
   [Expand]DataLayoutItem Class
    Dock Enumeration
   [Expand]DockLayoutControl Class
   [Collapse]FlowLayoutControl Class
     FlowLayoutControl Members
     FlowLayoutControl Constructor
    [Expand]FlowLayoutControl Properties
    [Expand]FlowLayoutControl Events
    [Expand]FlowLayoutControl Methods
   [Expand]GroupBox Class
    GroupBoxDisplayMode Enumeration
    GroupBoxShadowVisibility Enumeration
    GroupBoxState Enumeration
   [Expand]LayoutControl Class
   [Expand]LayoutControlBase Class
   [Expand]LayoutControlInitNewElementEventArgs Class
   [Expand]LayoutControlReadElementFromXMLEventArgs Class
   [Expand]LayoutControlWriteElementToXMLEventArgs Class
   [Expand]LayoutGroup Class
    LayoutGroupView Enumeration
   [Expand]LayoutItem Class
    LayoutItemLabelPosition Enumeration
    LayoutItemLabelsAlignment Enumeration
    MaximizedElementPosition Enumeration
   [Expand]ScrollBox Class
   [Expand]Tile Class
   [Expand]TileClickEventArgs Class
   [Expand]TileLayoutControl Class
    TileSize Enumeration
  [Expand]DevExpress.Xpf.Map
  [Expand]DevExpress.Xpf.NavBar
  [Expand]DevExpress.Xpf.Navigation
  [Expand]DevExpress.Xpf.PdfViewer
  [Expand]DevExpress.Xpf.PivotGrid
  [Expand]DevExpress.Xpf.PivotGrid.Printing
  [Expand]DevExpress.Xpf.Printing
  [Expand]DevExpress.Xpf.Printing.Parameters
  [Expand]DevExpress.Xpf.Printing.Parameters.Models
  [Expand]DevExpress.Xpf.Printing.PreviewControl.Bars
  [Expand]DevExpress.Xpf.Prism
  [Expand]DevExpress.Xpf.PropertyGrid
  [Expand]DevExpress.Xpf.Reports.UserDesigner
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Extensions
  [Expand]DevExpress.Xpf.Reports.UserDesigner.Localization
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard
  [Expand]DevExpress.Xpf.Reports.UserDesigner.ReportWizard.Pages
  [Expand]DevExpress.Xpf.Ribbon
  [Expand]DevExpress.Xpf.RichEdit
  [Expand]DevExpress.Xpf.Scheduler
  [Expand]DevExpress.Xpf.Scheduler.Drawing
  [Expand]DevExpress.Xpf.Scheduler.Menu
  [Expand]DevExpress.Xpf.Scheduler.Reporting
  [Expand]DevExpress.Xpf.Scheduler.UI
  [Expand]DevExpress.Xpf.SpellChecker
  [Expand]DevExpress.Xpf.Spreadsheet
  [Expand]DevExpress.Xpf.Spreadsheet.Menu
  [Expand]DevExpress.Xpf.TreeMap
  [Expand]DevExpress.Xpf.Utils.Themes
  [Expand]DevExpress.Xpf.WindowsUI
  [Expand]DevExpress.Xpf.WindowsUI.Navigation
  [Expand]DevExpress.XtraRichEdit
[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

FlowLayoutControl Class

Represents a container that arranges child controls into rows or columns, and alows the flow of the controls to be wrapped (automatically at the container's edge or manually at any child control).

Namespace:DevExpress.Xpf.LayoutControl
Assembly:DevExpress.Xpf.LayoutControl.v17.1.dll

Expanded Syntax

Expanded Remarks

The FlowLayoutControl arranges its items into rows or columns, according to the Orientation property. By default, the flow of items is automatically wrapped at the container's edge. However, you can wrap the flow manually at a specific item. In the following image, the flow of items is automatically wrapped at Item 6, and manually at Item 9:

The FlowLayoutControl supports the following features:

  • Automatic and manual item flow wrapping.

    To disable item flow wrapping use the BreakFlowToFit property. The IsFlowBreak attached property allows you to manually wrap the flow of items, starting a new column or row, at a specific item.

  • Items can be stretched to the width/height of the FlowLayoutControl. See the StretchContent property.
  • Dragging-and-dropping items, allowing an end-user to move items to new positions. See the AllowItemMoving property.
  • Resizing layers using built-in layer separators. See the AllowLayerSizing property.
  • Maximizing a specific item in the center of the FlowLayoutControl, while other items are arranged in a single layer (column or row) along the control's edge. See the MaximizedElement property.

To learn more about the FlowLayoutControl, refer to the Flow Layout Control topic.

Expanded Example

Expanded Inheritance Hierarchy

System.Object
    System.Windows.Threading.DispatcherObject
       System.Windows.DependencyObject
          System.Windows.Media.Visual
             System.Windows.UIElement
                System.Windows.FrameworkElement
                   System.Windows.Controls.Panel
                      DevExpress.Xpf.Core.PanelBase
                         ScrollControl
                            LayoutControlBase
                               FlowLayoutControl
                                  TileLayoutControl

Expanded See Also

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