Blazor ContextMenu
The Blazor ContextMenu opens a right-click menu of actions anywhere in your app via ContextMenuService.
NOTE: Please ensure you have reviewed the instructions in Get Started , as there are pre-requirements when using this component.
Use ContextMenuService to open and close context menus.
Show ContextMenu with items linkLink to this section
Create a context menu with menu items that appear when right-clicking on an element.
Console log
Show ContextMenu with custom content and separator linkLink to this section
Use custom templates and separators to create rich context menu experiences with icons, badges, and dividers.
Console log
Show ContextMenu for HTML element linkLink to this section
Attach a context menu to any HTML element using the ContextMenuService and element reference.
Console log
Close ContextMenu on scroll linkLink to this section
Set CloseOnScroll in ContextMenuOptions to close the menu when the page or the container of the clicked element is scrolled. Scrolling other containers or the menu itself keeps it open.
Document 1.docx
Document 2.docx
Document 3.docx
Document 4.docx
Document 5.docx
Document 6.docx
Document 7.docx
Document 8.docx
Document 9.docx
Document 10.docx
Document 11.docx
Document 12.docx
Document 13.docx
Document 14.docx
Document 15.docx
Document 16.docx
Document 17.docx
Document 18.docx
Document 19.docx
Document 20.docx
Console log
Keyboard Navigation linkLink to this section
The following keys or key combinations provide a way for users to navigate and interact with Radzen Blazor ContextMenu component.
| Press this key | To do this |
|---|---|
| Tab | Not handled by the menu; the menu is focused automatically when it opens. |
| UpArrow / DownArrow | Move between menu items, wrapping around at the ends. |
| RightArrow | Open the submenu of the focused item. |
| LeftArrow | Close the current submenu and return focus to its parent item. |
| Esc | Close the current submenu, or the whole menu when at the root level. |
| Home | Focus first item in the current menu. |
| End | Focus last item in the current menu. |
| Space or Enter | Activate the focused item or toggle its submenu. |
| A printable character | Focus the next item whose text starts with that character. |
Frequently asked questions
How do I add a right-click menu in Blazor?
Handle an element's @oncontextmenu and call ContextMenuService.Open with your menu items to show a context menu.
Related
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT