NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

JavaScript Toolbar UI widget

JS Toolbar is an element of the user interface for organizing a horizontal menu. Toolbar can combine various UI elements. Webix offers a ready-made solution, which is HTML5 Toolbar widget that can be easily integrated into any web application with a few rows of code. Webix JS Toolbar is a widget rich in functionality and simple in customization. Use it to effectively create professional business applications.

live demo

  • Integration: jQuery, Angular, React, Vue.js, Backbone
  • Support of All Modern browsers
  • Ready for Touch Devices
  • Meets Section 508
  • Quick styling with CSS

Why Webix Toolbar?

Webix is a compact and optimized library of the ready UI components. You can save a lot of working hours if you decide to develop UI with the help of Webix components. Webix JavaScript Toolbar has an elaborate design, rich set of features, detailed documentation with the code examples. Our team provides technical support services and is constantly engaged in the development and improvement of the entire library.

Overview

You can effortlessly customize the look of this JavaScript toolbar widget by changing its parameters including color, font, borders, position and more. By placing different controls (buttons, icons, combos, etc.) into the Webix toolbar, you can significantly change its design and functionality.

Alignment in the Toolbar

Toolbar elements can be effortlessly aligned according to the parameters you specify.

Images and icons

The buttons displayed on a Toolbar can be equipped with your own images. You can use this feature for creating a unique design for your app. If you don’t have any design skills, have no fear. Webix provides you with the collection of icons that can be used to guarantee the uniform look of the application.

Controls for Toolbar

You can use any Webix control as a toolbar element. According to your needs, you may prefer horizontal or vertical arrangement of the elements. In the first case, you have to define an array of columns. An array of rows will do the trick in the other case.