Creating a Simple Context Menu
This tutorial will walk you through creating a simple RadContextMenu and shows how to:
-
Use the RadMenu Item Editor to build a simple context menu.
-
Use the Targets collection to attach the context menu to another control.
-
Drag a RadContextMenu component from the toolbox onto your Web page. The RadContextMenu 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.
-
Right click on the RadContextMenu, and from its context menu, choose Properties.
-
From the Standard area of the toolbox, drag a Label onto your page. Set its Text property to "Label1".
-
Move to the Source view of your Web page and locate the declaration of your RadContextMenu.
-
Select Edit Targets from the smart tag.
-
From the Target Editor select to Add Control Target. This attaches your context menu to a specific control, based on its ID:
-
Select the ControlID attribute from the dropdown that appears:
-
Select Ok and run the application. Right-click on the label and see your context menu appear:
