New to Kendo UI for Vue? Start a free 30-day trial

Overriding the Default Rendering

The ContextMenu enables you to override the default rendering of its items.

To customize the item rendering, use any of the following approaches:

Items

By default, the innermost ContextMenu item part includes only text.

To override the rendering of that innermost item part, either:

  • Override the innermost part for a specific item by using the render property.
Example
View Source
Change Theme:
  • Override the innermost part for all items by using the itemRender property of the ContextMenu.
Example
View Source
Change Theme:

By default, the ContextMenu item link includes an icon, text, and an arrow.

To override the rendering of the item link, either:

  • Override the item link for a specific item by using the linkRender property.
Example
View Source
Change Theme:
  • Override the item link for all items by using the linkRender property of the ContextMenu.
Example
View Source
Change Theme:

Content

You can set specific content that will replace the children of a ContextMenu item by using the contentRender property.

Example
View Source
Change Theme:

In this article

Not finding the help you need?