DxFormLayoutGroup.HeaderCssClass Property
Specifies the name of the CSS class applied to the group header template.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string HeaderCssClass { get; set; }
Property Value
Type | Description |
---|---|
String | A CSS class name. |
Remarks
To define the appearance of a group header created from a header template, assign a CSS class name to the HeaderCssClass property.
<style>
.my-class {
background-color: orange;
}
</style>
<DxFormLayout>
<DxFormLayoutGroup ColSpanMd="6" HeaderCssClass="my-class">
<HeaderTemplate>
<div class="float-left">
Work Information
</div>
<div class="float-right">
<DxCheckBox CheckedChanged="@((bool t) => UnemployedChanged(t))" LabelPosition="LabelPosition.Left" Checked="@Unemployed">Unemployed</DxCheckBox>
</div>
</HeaderTemplate>
<Items>
@* ... *@
</Items>
</DxFormLayoutGroup>
</DxFormLayout>
See Also