In this tutorial, you will learn how to create a template for an individual menu item.
Note: Individual templates trump global templates, so adding a template to an individual item will preventing formats that you may have used in ItemsTemplates, ChildItemsTemplates, and TopItemsTemplates.
Complete the following steps:
- Create a C1Menu control with one top-level menu item. Add two child items to that top-level menu item to create a submenu.
- Switch to Source view and add the following markup between the
<cc1:C1MenuItem ID="C1MenuItem1"> tags:To write code in Source View
<Template>
<div>
<a href="#" class="wijmo-wijmenu-text">New</a><span class="wijmo-wijmenu-icon-right">Ctrl+N</span> </div>
</Template> - Now add the following markup between the
<cc1:C1MenuItem ID="C1MenuItem1">tags:To write code in Source View
<Template>
<div>
<a href="#" class="wijmo-wijmenu-text">Close</a><span class="wijmo-wijmenu-icon-right">Ctrl+C</span> </div>
</Template> - Press F5 to run the project. When the project loads, click the top-level menu item to open its submenu and observe that the two menu items have adopted the templates you specified.
