DxFormLayoutTabPage.HeaderIconCssClass Property

Specifies the CSS class of a Form Layout tab’s icon.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

The CSS class name.

|

Remarks

DevExpress Blazor components support pre-defined icon sets (such as Iconic or Bootstrap-recommended libraries) and custom icon libraries. Refer to the following topic for additional information: Icons.

The following code snippet uses the HeaderIconCssClass property to add Open Iconic icons to Form Layout tabs:

<DxFormLayout>
    <DxFormLayoutTabPages>
        <DxFormLayoutTabPage HeaderIconCssClass="oi oi-envelope-closed" Caption="Work Information" />
        <DxFormLayoutTabPage HeaderIconCssClass="oi oi-book" Caption="Personal Information" />
    </DxFormLayoutTabPages>
</DxFormLayout>

See Also

DxFormLayoutTabPage Class

DxFormLayoutTabPage Members

DevExpress.Blazor Namespace