Duration: 16:54 min
Summary: In this lesson, we will learn about the menu. You know that you can create a menu with sub-menus. And every sub-menu can have a menu of its own. With this type of hierarchy, we can use the unordered list in HTML. This is helpful because in a list item I can create another unordered list, and I can keep going deeper and deeper to create more complex menus. This is what we will do here. We will start with an unordered list and create all the items that we need. We will have a “File” and “Edit” menu items with the corresponding items below them. After we finish creating the list, we will instantiate a new kendoMenu object. That will transform the list into a menu. Then, we will add some more properties to modify the animation and allow the menu to open when the user clicks (instead of the default hovering behavior). Finally, we will experiment with the orientation behavior to see how to display the menu vertically and horizontally.
Technologies and Resources: Kendo UI, Notepad++, kendoMenu, openOnClick, animation, hoverDelay.