DxFormLayoutGroup.HeaderCssClass Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll


public string HeaderCssClass { get; set; }

Property Value

Type Description

A CSS class name.


To define the appearance of a group header created from a header template, assign a CSS class name to the HeaderCssClass property.

    .my-class {
        background-color: orange;

    <DxFormLayoutGroup ColSpanMd="6" HeaderCssClass="my-class">
            <div class="float-left">
                Work Information
            <div class="float-right">
                <DxCheckBox CheckedChanged="@((bool t) => UnemployedChanged(t))" LabelPosition="LabelPosition.Left" Checked="@Unemployed">Unemployed</DxCheckBox>
            // ...

Custom Background Color

See Also