DxFormLayoutGroup.HeaderCssClass Property

Specifies the name of the CSS class applied to the group header.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	A CSS class name.

Remarks

To define the appearance of a group header, assign a CSS class name to the HeaderCssClass property:

<style>
    .my-class {
        --dxbl-group-header-bg: orange;
    }
</style>

<DxFormLayout>
    <DxFormLayoutGroup ColSpanMd="6" HeaderCssClass="my-class">
        <HeaderContentTemplate>
            <div class="float-left">
                Work Information
            </div>
        </HeaderContentTemplate>
        <Items>
            @* ... *@
        </Items>
    </DxFormLayoutGroup>
</DxFormLayout>