DxFormLayoutGroup.CaptionCssClass Property

Specifies the name of the CSS class applied to the layout group’s caption.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

To define the appearance of the layout group’s caption, assign a CSS class name to the CaptionCssClass property.

<style>
    .my-style {
        font-style: italic;
        color: red;
    }
</style>

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information" ColSpanMd="6" CaptionCssClass="my-style">
        <DxFormLayoutItem Caption="First Name:" ColSpanMd="12">
            <DxTextBox @bind-Text="@FirstName" />
        </DxFormLayoutItem>
        @*...*@
    </DxFormLayoutGroup>
</DxFormLayout>

To customize the appearance of the layout group’s entire content, use the CssClass property.

For more information, refer to the following help topic: CSS Classes.