| Quick start: How to create an element-bound context menu |
Create an element-bound context menu
Use the following steps to create an element-bound context menu in Visual Studio:
-
Drag an EO.Web ContextMenu
control
from the toolbox and drop it on
the page. If you can not find EO.Web menu control in Visual Studio's toolbox,
please refer to Installation
guide;
-
Right click the menu control, select Menu Builder
from the designer context menu to start Menu Builder;
-
In the Skin tab, choose one of the built-in skins to start
from. The right pane displays the rendered result of the skin menu. If you do
not want to use a skin, you can switch to Menu
tab directly;
-
In Menu
tab of menu builder, select the root node. By default, the context menu is
vertical;
-
Set the ContextControlID
to the ID of the HTML element that this menu is bound to. Even the
ContextControlID drop down only displays the IDs of all server controls, the
menu can be bound to any valid DHTML element.
-
Click Items node. Click New Item
button on the toolbar a few times to create a few new navigation items;
-
Select the navigation items you just created, modify their Text
property;
-
You can switch to the Preview tab to preview the result. Once
you are satisfied, click OK to confirm the change.
