ASPxCardViewSettings.ShowGroupSelector Property

Specifies whether the card view displays the group selector.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue(false)]
public bool ShowGroupSelector { get; set; }

VB.NET

<DefaultValue(False)>
Public Property ShowGroupSelector As Boolean

Property Value

Type	Default	Description
Boolean	false	true, to display the group selector; otherwise, false.

Property Paths

You can access this nested property as listed below:

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

Remarks

Note

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

Example

Web Forms:

ASPX

<dx:ASPxCardView ID="CardView" runat="server" >
    <Columns>
        <dx:CardViewImageColumn FieldName="PhotoUrl" Caption="Photo" />
        <dx:CardViewTextColumn FieldName="Brand" GroupIndex="0" />
        ...
    </Columns>
    <Settings LayoutMode="Breakpoints" ShowGroupSelector="true" ShowHeaderPanel="true" />
    ...
</dx:ASPxCardView>

MVC:

C#

Html.DevExpress().CardView<Headphone>(settings => {
    settings.Name = "cardView";
    settings.Columns.Add(c => {
        c.FieldName = "Brand";
        c.GroupIndex = 0;
    });
    ...
    settings.Settings.ShowGroupSelector = true;
    settings.Settings.ShowHeaderPanel = true;
}).Bind(Model).GetHtml();

Concept

• Web Forms: Group Cards

Online Demo

• Web Forms: ASPxCardView - Grouping
• MVC: CardView - Grouping