Overview
This section demonstrates how to create an element-bound context Menu by using
Menu Builder. Element-bound context menu is displayed when mouse is
right clicked on the HTML element.
Menu Builder can be run as an independent application outside of Visual
Studio.NET, or as menu type editor inside Visual Studio.NET.
Create an element-bound context menu
Use the following steps to create an element-bound context menu:
-
If you have 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.NET toolbox,
please refer to Installation
guide;
-
Right click the menu control, select Menu Builder
from the designer context menu to start Menu Builder;
-
If you don't have Visual Studio .NET, go to Windows Start Menu -> All
Programs -> EO.Web -> Menu Builder, then you can create a menu by using
Menu Builder's Project
tab;
-
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.