Kendo UI for jQuery

jQuery Toolbar

  • The easiest way to add a completely customizable, responsive toolbar to your applications. Combine with other components for even more productivity
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
ToolBar
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery Toolbar allows you to easily create toolbars and to customize their content. Each item of the toolbar such as buttons, button groups, toggle buttons, split buttons or other elements, can be individually defined. Embedding other Kendo UI die jQuery components like dropdowns, color picker, numeric textbox, etc. in the Toolbar widget is also supported.

    Toolbar See the jQuery demo

    toolbar-overview
  • Resizing

    By design, the widget will detect changes in the viewport width and hide the overflowing controls in the command overflow popup.

    See the jQuery Toolbar Resizing demo

  • Templates

    The jQuery ToolBar allows the developer to define custom items using the built-in templates engine.

  • Integration with Editors

    The jQuery Toolbar can be integrated in other components, such as the Editor, which will simplify the structure and make your work with the components way more convenient. 

    See the jQuery Toolbar Integration demo

    toolbar-integration-with-editors
  • 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 Toolbar Keyboard Navigation demo

    keyboard-navigation
  • RTL Support

    Right out of the box, the jQuery Toolbar provides RTL support for languages such as Arabic and Hebrew. You can adjust for local preference by changing just a few settings.

    See the jQuery Toolbar RTL demo

    rtl-support