This demo demonstrates some of the features available to you within the DevExpress MVC PopupMenu extension.
A popup menu can be associated with a specific web element using the PopupElementID property. The menu is invoked automatically when a specific action (a left or right mouse click or mouse hovering) defined by the PopupAction property is performed within the associated element.
In this example, PopupMenu is linked to an image. The popup menu is displayed by an action specified within the PopupAction dropdown editor. The menu's precise display position with respect to the associated web element can be defined by the HorizontalAlign and VerticalAlign combo boxes that control the values of the PopupHorizontalAlign and PopupVerticalAlign properties, respectively.
The popup menu can be invoked programmatically as well. In this demo, the ShowAtPos client method is used to display PopupMenu over the grid in response to a right mouse click instead of a client browser's standard context menu.
Note that in this demo, menu items are arranged into a logical group using their GroupName property. In this case, the items function as radio buttons - checking an item unchecks the one previously selected. So, only one menu item in a group can be checked at a time.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos