ASPxCardViewSettings.LayoutMode Property
Gets or sets the current layout mode for the ASPxCardView.
Namespace: DevExpress.Web
Assembly: DevExpress.Web.v18.2.dll
Declaration
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 |
|
| ASP.NET Web Forms Controls | ASPxCardView |
|
| CardViewSettings |
|
|
| CardViewSettings<CardType> |
|
|
| MVCxCardView |
|
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.