DxContextMenuItem.SubMenuCssClass Property

Specifies the name of the Context Menu item’s CSS class.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v22.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public string SubMenuCssClass { get; set; }

Property Value

Type	Description
String	The CSS class name.

Remarks

To define the appearance of all Context Menu item drop-downs, assign a CSS class name to each item’s SubMenuCssClass property.

<style>
    .my-class {
        background-color: green;
    }
</style>

<DxContextMenu @ref="@ContextMenu">
    <Items>
        <DxContextMenuItem Text="Font" SubMenuCssClass="my-class">
            <Items>
                <DxContextMenuItem Text="Times New Roman"></DxContextMenuItem>
                <DxContextMenuItem Text="Tahoma"></DxContextMenuItem>
                <DxContextMenuItem Text="Verdana"></DxContextMenuItem>
            </Items>
        </DxContextMenuItem>
        @* ... *@
    </Items>
</DxContextMenu>

You can also use the SubMenuTemplate to specify the layout of Context Menu items. Use the CssClass and SubMenuTemplate properties for the Context Menu’s root-level items.