This tutorial will walk you through creating a RadMenu and shows how to:
Use the RadMenu Item Editor to build a simple menu.
Apply a skin to the menu to change its look & feel.
Set RadMenu properties.
Drag a RadMenu component from the toolbox onto your Web page. The RadMenu Smart Tag should appear automatically:
On the Smart Tag, choose Edit Items. The RadMenu Item Builder appears:
Click the Add root item button () to add a root item to your menu.
With the root item selected, click the Add child item button () to add a child to your root item.
Add some more root items, and child items using the Add root item button and the Add child item button:
Select one of the child items, and change its IsSeparator property to True and its Text property to an empty string (""):
Click OK to confirm and exit.
Back in the RadMenu Smart Tag, use the Skin drop-down to change the skin for the RadMenu to "Outlook":
The appearance of the RadMenu in the designer changes to reflect the new skin:
Right click on the RadMenu, and from its context menu, choose Properties.
In the properties pane, set the ClickToOpen property to True. This causes the menu to display its child items when clicked:
Run the application. Click on the menu items to display the child items: