Skip to main content

ASPxCardViewSettings.LayoutMode Property

Gets or sets the current layout mode for the ASPxCardView.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.2.dll

NuGet Package: DevExpress.Web


public Layout LayoutMode { get; set; }

Property Value

Type Default Description
Layout Table

A Layout enumerator value that specifies the current layout mode.

Available values:

Name Description

Data items are displayed using the fixed table layout with the specified column and row count.


Data items flow one after another, to fill the available page area.


Organizes items according to custom layout scenarios for different browser widths.

Property Paths

You can access this nested property as listed below:

Library Object Type Path to LayoutMode
ASP.NET MVC Extensions CardViewSettings
.Settings .LayoutMode
ASP.NET Web Forms Controls ASPxCardView
.Settings .LayoutMode


The LayoutMode property allows you to choose a layout mode for the ASPxCardView.

<Styles FlowCard-Height="260" />


  • The ASPxCardView does not allows end users to group cards if the control is in table layout mode (ASPxCardView1.Settings.LayoutMode = LayoutMode.Table)

  • Cards have fixed height (specified in the .dxcvFlowCard_<ThemeName> CSS selector) when the control is in Layout.Flow layout mode. Use the ASPxCardView.Styles.FlowCard.Height (CardViewCardStyle.Height) property to set a custom card’s height in this mode.

See Also