aspnet-devexpress-dot-web-dot-aspxcardviewsettings-ded57f72.md
Gets or sets the current layout mode for the ASPxCardView.
Namespace : DevExpress.Web
Assembly : DevExpress.Web.v25.2.dll
NuGet Package : DevExpress.Web
[DefaultValue(Layout.Table)]
public Layout LayoutMode { get; set; }
<DefaultValue(Layout.Table)>
Public Property LayoutMode As Layout
| 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.
|
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" />
...
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