DxFormLayoutGroup.HeaderIconUrl Property

Specifies the URL of the group header’s icon.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v26.1.dll

Declaration

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

Property Value

Type	Default	Description
String	null	The icon URL.

Remarks

The following code snippet assigns icons to group headers using Icon Library APIs:

@using DevExpress.Images.Blazor

<DxFormLayout>
    <DxFormLayoutGroup Caption="Personal Information"
                       ColSpanMd="6"
                       HeaderIconUrl="@Icon.BookInformation">
        <DxFormLayoutItem Caption="First Name:"
                          ColSpanMd="12">
            @* ... *@
        </DxFormLayoutItem>
        <DxFormLayoutItem Caption="Last Name:"
                          ColSpanMd="12">
            @* ... *@
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
    <DxFormLayoutGroup Caption="Work Information"
                       ColSpanMd="6"
                       HeaderIconUrl="@Icon.Info">
        <DxFormLayoutItem Caption="Position:"
                          ColSpanMd="12">
            @* ... *@
        </DxFormLayoutItem>
        <DxFormLayoutItem Caption="Notes:"
                          ColSpanMd="12">
            @* ... *@
        </DxFormLayoutItem>
    </DxFormLayoutGroup>
</DxFormLayout>

Refer to the Icons help topic for additional information about icons in DevExpress Blazor components.