Overview

You can create a menu with any ASP.NET control nested in a navigation item, including another EO.Web menu. You can use HTML to arrange the layout of the controls inside the custom item. One usage of nesting controls is nesting menus. For example, to create a Web replica of Windows XP start menu, you can put two vertical menus as the sub menu of the "Start" navigation item.

This section demonstrates how to create nesting menus. Steps to nest other ASP.NET server control are essentially the same.

Create a menu with nesting menus

Use the following steps to create a nesting menu in Visual Studio:

1. Drag an EO.Web CustomItem control from the toolbox and drop it on the page;

2. Drag an EO.Web Menu control from the toolbox and drop it into the CustomItem control you just created;

   You can also drag other ASP.NET web server controls into the CustomItem control;

3. You can go to HTML view to add HTML Tags inside the CustomItem control tag to arrange the layout of the controls;
4. After finishing the CustomItem, you can drag a Menu control from the toolbox and drop it on the page;
5. Use Menu Builder to create the menu structure;
6. Set a navigation item's CustomItemID property to the ID of the CustomItem control you created;
7. Run the page and check the result. Note you can not preview a custom item in Menu Builder.