background

Kendo UI for jQuery

jQuery Menu

  • Build great navigation with a comprehensive menu control—includes sub-menus, data binding, templates and many more features.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-Menu
  • Overview

    The jQuery Menu component is a flexible navigation element that enables you to display a main menu along with sub-menus. With support for data binding, API, and the ability to define custom templates, the Angular Menu is extremely versatile.

    See the jQuery Menu Overview Demo

    menu-overview
  • Images

    The Menu makes it easy to add images from URLs or from CSS to enhance the visual appeal of your navigation.

    See the jQuery Menu Images demo

    menu-images
  • Direction

    Specify where the submenu will open in relation to the main menu items. Default choices include bottom, top, and right, but you can also set a custom direction.

    See the jQuery Menu Direction demo

  • Orientation

    Customize the direction and orientation of the jQuery Menu to ensure that it fits perfectly into your application by either having a horizontal or vertical variation.

    See the jQuery Menu Orientation demo

    menu-orientation
  • Scrolling

    For cases where the menu takes up more space than your application provides, the menu will scroll horizontally or vertically. The component will automatically add arrow controls to the scrollable area.

    See the jQuery Menu Scrolling demo

    menu---scrolling
  • Data Binding

    Easily bind local or remote data to your jQuery menu. Both flat and hierarchical data are supported.

    See the jQuery Menu Data Binding demo

  • Animation

    By default, the Menu uses a slide animation to expand its subitems when the user hovers over items, but this behavior is completely customizable. You can use an expand animation instead or chose not to animate at all, set a delay, and choose to open submenus on click.

    See the jQuery Menu Animation demo

  • Context Menu

    The context menu comes in handy when you would like to display context options for a given element in web and mobile applications. All you need to do is specify a target and an open event (default is ‘contextmenu’, i.e. right-click).

    See the jQuery Menu Context Menu demo

    menu-context-menu
  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery Menu Keyboard Navigation demo

    Keyboard Navigation
  • Accessibility

    The jQuery Menu is compliant with Section 508 standards, is AA rated with WCAG 2.0 and follows WAI-ARIA standards.

    Read the jQuery Menu Accessibility documentation

    jQuery accessibility

All Kendo UI for jQuery Components

Next Steps

Next Steps