[]
DEMOS DOCS API SAMPLES DOWNLOAD
(Showing Draft Content)

Step 3 of 5: Adding Submenus to Menu Items

In the last step, you added the top-level menu items. In this step, you will add submenus to two of the menu items using XAML.

  1. Switch to XAML view.

  2. Select the first two <c1:C1Menu> tags. For reference, they should resemble the following:

<c1:C1MenuItem Height="Auto" Width="Auto" Header="File"></c1:C1MenuItem>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Edit"></c1:C1MenuItem>

  1. To add a submenu to the "File" menu item, add the following markup between the <c1:C1MenuItem Header="File"> and </c1:C1MenuItem> tags:

<c1:C1MenuItem Height="Auto" Width="Auto" Header="New">
      <c1:C1MenuItem Height="Auto" Width="Auto" Header="Document"/>
      <c1:C1MenuItem Height="Auto" Width="Auto" Header="Project"/>
</c1:C1MenuItem>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Open">
      <c1:C1MenuItem Height="Auto" Width="Auto" Header="Document"/>
      <c1:C1MenuItem Height="Auto" Width="Auto" Header="Project"/>
      <c1:C1Separator/>
      <c1:C1MenuItem Header="Recent Document 1" Height="Auto" Width="Auto" 
                     GroupName="CheckedDocuments" IsCheckable="True" IsChecked="True">
      </c1:C1MenuItem>
      <c1:C1MenuItem Header="Recent Document 2" Height="Auto" 
                     Width="Auto" GroupName="CheckedDocuments" IsCheckable="True"> 
      </c1:C1MenuItem>
</c1:C1MenuItem>
<c1:C1Separator/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Close"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Close Solution"/>
<c1:C1Separator/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Exit"/>

  1. To add a submenu to the "Edit" menu item, following markup between the <c1:C1MenuItem Header="Edit"> and </c1:C1MenuItem> tags:

<c1:C1MenuItem Height="Auto" Width="Auto" Header="Undo"/>
<c1:C1MenuItem Height="Auto" Width="Auto" Header="Redo"/>

In this step, you added submenus to two of the C1Menu control's menu items. In the next step, you will add a C1ContextMenu control to the C1Menu control.