DxFormLayoutGroup.CollapseButtonIconCssClass Property

Specifies the CSS class name for the group’s Collapse button.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(null)]
[Parameter]
public string CollapseButtonIconCssClass { get; set; }

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

Use the ExpandButtonIconCssClass and CollapseButtonIconCssClass properties to specify custom icons for the expand/collapse button.

The following code snippet assigns an Open Iconic icon when the group is in the expanded state:

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information" 
                       ExpandButtonDisplayMode="GroupExpandButtonDisplayMode.Start" 
                       CollapseButtonIconCssClass="oi oi-minus">
        <DxFormLayoutItem Caption="First Name">
            <DxTextBox />
        </DxFormLayoutItem>
        <DxFormLayoutItem Caption="Last Name">
            <DxTextBox />
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
</DxFormLayout>