DxContextMenuItem.CssClass Property
Specifies the name of a CSS class applied to a context menu item.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v22.1.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public string CssClass { get; set; }
Property Value
Type | Description |
---|---|
String | The CSS class name. |
Remarks
To define the appearance of the context menu item, assign a CSS class name to the CssClass property.
<style>
.my-style {
background-color: orange;
}
</style>
<DxContextMenu>
<Items>
<DxContextMenuItem Text="Sort By" IconUrl="images/Sort_by.svg">
<Items>
<DxContextMenuItem Text="Name" CssClass="my-style"></DxContextMenuItem>
<DxContextMenuItem Text="Size"></DxContextMenuItem>
<DxContextMenuItem Text="Type"></DxContextMenuItem>
</Items>
</DxContextMenuItem>
<DxContextMenuItem Text="Copy" IconUrl="images/Copy.svg" BeginGroup="true"></DxContextMenuItem>
<DxContextMenuItem Text="Cut" IconUrl="images/Cut.svg"></DxContextMenuItem>
<DxContextMenuItem Text="Remove" IconUrl="images/Clear.svg"></DxContextMenuItem>
<DxContextMenuItem Text="Select All" BeginGroup="true"></DxContextMenuItem>
</Items>
</DxContextMenu>
See Also