Tab

ASPxCardViewSettings.LayoutMode Property

Gets or sets the current layout mode for the ASPxCardView.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.2.dll

Declaration

[DefaultValue(Layout.Table)]
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
Table

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

Flow

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

Breakpoints

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 Bootstrap Controls BootstrapCardView
.Settings.LayoutMode
ASP.NET MVC Extensions CardViewSettings
.Settings.LayoutMode
CardViewSettings<CardType>
.Settings.LayoutMode
MVCxCardView
.Settings.LayoutMode
ASP.NET Web Forms Controls ASPxCardView
.Settings.LayoutMode

Remarks

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

...
<Styles FlowCard-Height="260" />
...

Note

  • 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