# RadialMenu Tutorial Step 1 of 3: Adding the First Menu and Submenu Items

Get started with Menus and Toolbars for WinForms. Create versatile menus and docking/floating toolbars. See more in documentation here.

## Content

The C1RadialMenu component can be added to forms using the form's designer or programatically. The Show method will need to be called when using either method, design-time or programmatically, to make C1RadialMenu appear when running the application.

To add RadialMenuItems to C1Radial, complete the following:

1. Create a new windows forms project.
2. Add the **C1RadialMenu** component from the toolbox onto the form.
3. Add the following code to call the [C1Radial.ShowMenu](/componentone/docs/win/online-menus-toolbar/) method to make the C1RadialMenu when you run your application:

    ```csharp
    c1RadialMenu1.ShowMenu(this, new Point(350, 350));
    ```

    ```vbnet
    c1RadialMenu1.ShowMenu(Me, New Point(350, 350))
    ```
4. Right-click the C1RadialMenu component and select **Properties**.
5. Click on the ellipsis button next to the **Items** property. The **RadialMenuItemBase Collection Editor** appears.
6. Click on the **Add** dropdown button and select **RadialMenuItem**. Repeat this 5 more times so there are 6 RadialMenuItems.

 ![RadialMenuItemBase Collection Editor ](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/documentsgraphics/radialmenuitembasece.png)

7. Select radialMenuItem1 and set the **Text** property to **Locations**, **ToolTip** to **International and local C1 sites**, and **Name** to **rmiLocale**.
8. Select the ellipsis button next to the **Image** property. The **Select Resource** dialog box appears.
9. Click on the **Import** button to locate the image files you wish to add to the Project resource file.
10. In the **Project resource file**: dropdown listbox select your image for example, **flag\_generic**, and click **OK**.
11. Select **rmiLocale** and click on the ellipsis button next to the **Items** property. The **RadialMenuItemBase Collection Editor** appears.
12. Click on the **Add** dropdown button and RadialMenuItem. Repeat this 6 times. These menu items will be submenu items for radialMenuItem1.
13. Select radialMenuItem7 and set its ToolTip to USA and International and its Name to rmiUS.
14. Select the ellipsis button next to the **Image** property. The **Select Resource** dialog box appears.
15. In the **Project resource file**: dropdown listbox select your image, **flag\_usa**, for example, and click **OK**.
16. Select **RadialMenuItem1** and set its **ToolTip** property to **Disabled item** and **Enabled** property to False.
17. Select the third menu item, **radialMenuItem8**, and set its **ToolTip** property to **China**, **Name** to **rmiChina**, and **UserData** to **locale**.
18. Select the ellipsis button next to the **Image** property. The **Select Resource** dialog box appears.
19. In the **Project resource file**: dropdown listbox select your image, **flag\_china**, for example, and click **OK**.
20. Select **radialMenuItem9** and set its **ToolTip** property to **Japan**, **Name** property to **rmiJapan**, and **UserData** property to **locale**.
21. Select the ellipsis button next to the **Image** property. The **Select Resource** dialog box appears.
22. In the **Project resource file**: dropdown listbox select your image, **flag\_japan**, for example, and click **OK**.
23. Select **radialMenuItem10** and set its **ToolTip** property to **India**, **Name** property to **rmiIndia**, and **UserData** to **locale**.
24. Select the ellipsis button next to the Image property. The Select Resource dialog box appears.
25. In the **Project resource file**: dropdown listbox select your image, **flag\_india**, for example, and click **OK**.
26. Select **radialMenuItem11** and set its **ToolTip** property to **South Korea**, **Name** property to **rmiSouthKorea**, and **UserData** property to **locale**.
27. Select the ellipsis button next to the **Image** property. The **Select Resource** dialog box appears.
28. In the Project resource file: dropdown listbox select your image, **flag\_south\_korea**, for example, and click **OK**.
29. Select **radialMenuItem12** and set its **ToolTip** property to **Disabled** item and **Enabled** property to **False**.
30. Click **OK** to save and close the **RadialMenuItemBase Collection Editor**.
31. Run your project and observe the following:

![Radial menu](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/documentsgraphics/addingfirstmenu.png)

Click or tap on the arrow and another Radial menu will appear with sub RadialMenuItems for the **Locations** RadialMenuItem.

![Radial menu items](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/documentsgraphics/addingfirstsubmenu.png)

You can navigate back to the previous **Locations** RadialMenuItem by clicking the central back button arrow.

## See Also

[RadialMenu Tutorial Step 2 of 3: Adding the Second Menu and Submenu Items](/componentone/docs/win/online-menus-toolbar/RadialMenuOverview/C1RadialMenuTutorial/TutStep20f3)