Menu

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.

[highlight]
Vertical and horizontal jQuery Menu

Vertical and horizontal orientation

Menus and its submenus can be rendered either horizontally or vertically and include other layout options.
[/highlight]

[highlight]
jQuery UI dropdown menu

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.
[/highlight]

[highlight]
jQuery UI sliding menu

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.[/highlight]

[highlight]
Scrolling jQuery Menu

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.
[/highlight]

[highlight]

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.
[/highlight]

[highlight]

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.
[/highlight]

[highlight]
Menu Icons

Icons

Menu items can have their own icons. Choose from the many built-in icons or add your own icon to the menu.
[/highlight]

[highlight]
jQuery UI menu header items

Header items

You may set a value that determines whether the menu item is a header item.
[/highlight]

[highlight]
jQuery UI menu separator

Separator items

Organize your menu by adding separators. To enable, set the item’s separator option to true.
[/highlight]

[highlight]
Menu shortcut keys

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.
[/highlight]