Overview

This section demonstrates how to create an EO.Web menu by using Menu Builder.

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

Create a menu

Use the following steps to create a menu:

1. If you have Visual Studio, drag an EO.Web Menu 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 control, 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 Menu node. You can specify the menu to be a horizontal menu or vertical menu by setting the Orientation property;
6. In the same Menu tab, click on an item node. Click New item button on the toolbar a few times to create a few new items;
7. In the same Menu tab, select the items you just created, modify their Text property;
8. You can switch to the Preview tab to preview the menu. Click OK to confirm the changes once you are satisfied with the result.