Skip to main content
Tab

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

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

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:

<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:

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();

CardView - Group Selector

Concept

Online Demo

See Also