ASPxCardViewSettings.ShowGroupSelector Property

Specifies whether the card view displays the group selector.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v19.2.dll

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 Controls and MVC Extensions	ASPxCardView	.Settings.ShowGroupSelector
	CardViewSettings	.Settings.ShowGroupSelector
	CardViewSettings<CardType>	.Settings.ShowGroupSelector
	MVCxCardView	.Settings.ShowGroupSelector
ASP.NET Bootstrap Controls	BootstrapCardView	.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

WebForms:

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

• WebForms: Group Cards

Online Demo

• WebForms: ASPxCardView - Grouping
• MVC: CardView - Grouping