Overview

This section demonstrates how to create a Slide Menu by using Menu Builder .

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

Create a slide menu

Use the following steps to create a slide menu.

1. If you have Visual Studio, drag an EO.Web SlideMenu control from the toolbox and drop it on the page. If you can not find EO.Web SlideMenu control in Visual Studio.NET toolbox, please refer to Installation guide;
2. Right click the SlideMenu, select SlideMenu Builder from the designer context menu to start SlideMenu Builder;
3. If you don't have Visual Studio .NET, go to Windows Start Menu -> All Programs -> Essential Objects -> SlideMenu Builder, then you can create a SlideMenu by using SlideMenu Builder's Project tab;
4. In the Template tab, choose one of the built-in templates to start from. The right pane displays the rendered result of the SlideMenu. If you do not want to use a skin, you can switch to Menu tab directly;
5. In Menu tab of SlideMenu builder, select the root node (SlideMenu). Change the SlidePaneHeight to the desired value; You can also change the SingleExpand, MenuGroup.ExpandEffect property;
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 items. These items will the sliding pane title;
7. Create a few sub items for each of the top level item, these items will be items inside the sliding pane;
8. In the same Menu tab, select the items you just created, modify their Text property;
9. You can switch to the Preview tab to preview the result. Click OK to confirm the changes once you are satisfied.