DxContextMenu.SubMenuCssClass Property

Specifies the CSS class name for all Context Menu drop-down items.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Property Value

Type	Default	Description
String	null	The CSS class name.

Remarks

Assign a CSS class name to the SubMenuCssClass to apply styles to all drop-down items:

<style>
    .my-submenu {
        <!-- your CSS rules -->
    }
</style>
<DxContextMenu SubMenuCssClass="my-submenu">
    <Items>
        <DxContextMenuItem Text="Sort By"> 
            <Items>
                <DxContextMenuItem Text="Name"></DxContextMenuItem>
                <DxContextMenuItem Text="Size"></DxContextMenuItem>
                <DxContextMenuItem Text="Type"></DxContextMenuItem>
            </Items>
        </DxContextMenuItem>
        <DxContextMenuItem Text="Group By">
            <Items>
                <DxContextMenuItem Text="Name"></DxContextMenuItem>
                <DxContextMenuItem Text="Size"></DxContextMenuItem>
                <DxContextMenuItem Text="Type"></DxContextMenuItem>
            </Items>
        </DxContextMenuItem>
        <DxContextMenuItem Text="Remove"></DxContextMenuItem>
        <DxContextMenuItem Text="Select All"></DxContextMenuItem>
    </Items>
</DxContextMenu>

Use the DxContextMenuItem.SubMenuCssClass property to define appearance of a single item’s drop-down.