Create multi-level menus with animation effects, image and check box items, interactive item scrolling, and more with the Wijmo Menu widget (wijmenu). You can even create a pop-up menu for context help within your application.
Vertical and horizontal orientation
Menus and its submenus can be rendered either horizontally or vertically and include other layout options.
Dropdown menus
The menu bar contains all of the dropdown menus and submenus in your application. Depending on the style of the menu, an arrow or some other graphic is used to indicate when the menu item opens the submenu items.
Sliding menus
A sliding menu is commonly used on mobile devices. Instead of having a submenu fly out when the user clicks or hovers over a menu item, submenus will slide into view, replacing the previous menu.
By default, a sliding menu will apply a “Back” navigation button to your submenus.
Scrolling
Wijmo Menu can scroll top level menus, sub menus, and sub groups. You can set the scroll mode option to button click scrolling, button hover scrolling, edge hover scrolling, or scroll bars.
Popup mode
Create popup menus that allow you to associate a multi-level drop down menu to any link or item on the page. To trigger the menu, the end-user may hover over or click the link or item.
Trigger events
Different trigger events can be used to open a menu item. For example, a user can either click, double-click, mouse over, or right-click a menu item to open a submenu.
Icons
Menu items can have their own icons. Choose from the many built-in icons or add your own icon to the menu.
Header items
You may set a value that determines whether the menu item is a header item.
Separator items
Organize your menu by adding separators. To enable, set the item’s separator option to true.
Shortcut keys
Add access key support to give the menu focus with a chosen key combination. This enables end-users to use the keyboard arrow keys to navigate through the menu and menu items and the ENTER key to open a link in a menu item.