DxFormLayoutGroup.ExpandButtonIconCssClass Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

Use the CollapseButtonIconCssClass and ExpandButtonIconCssClass 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 collapsed state:

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