Overview

This section demonstrates how to create a page-bound context Menu by using Menu Builder . Page-bound context menu is displayed when mouse is right clicked on the page.

Menu builder can be run as independent application outside of Visual Studio.NET, or as menu type editor inside Visual Studio.NET.

Create a page-bound context menu

Use the following steps to create a page-bound context menu.

1. If you have Visual Studio, drag an EO.Web PageContextMenu 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;
2. Right click the menu, select Menu Builder from the designer context menu to start Menu Builder;
3. 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;
4. In the Template tab, choose one of the built-in templates and click "Create from selected template" button.
5. In the Menu tab, select the root node (PageContextMenu ). You can specify the menu to be a horizontal menu or vertical menu by setting the Orientation property to either "Horizontal" or "Vertical";
6. In the same Menu tab, click on items node. Click New Item button on the toolbar a few times to create a few new navigation items;
7. In the same Menu tab, select the navigation items you just created, modify their Text property;
8. You can switch to the Preview tab to preview the result. Click OK to confirm the changes.