Tab

ASPxCardViewSettings.LayoutMode Property

Gets or sets the current layout mode for the ASPxCardView.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

Declaration

[DefaultValue(Layout.Table)]
public Layout LayoutMode { get; set; }
<DefaultValue(Layout.Table)>
Public Property LayoutMode As Layout

Property Value

Type Default Description
Layout

Table

A Layout enumerator value that specifies the current layout mode.

Property Paths

You can access this nested property as listed below:

Library Object Type Path to LayoutMode
ASP.NET Controls and MVC Extensions ASPxCardView
.Settings.LayoutMode
CardViewSettings
.Settings.LayoutMode
CardViewSettings<CardType>
.Settings.LayoutMode
MVCxCardView
.Settings.LayoutMode
ASP.NET Bootstrap Controls BootstrapCardView
.Settings.LayoutMode
BootstrapCardView
.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