Webix 11.4 Released Read More New Features in Core, Kanban & Rich Text Editor, plus a Powerful SpreadSheet Update

JavaScript Toolbar 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.

Toolbar live demo

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.

Toolbar Key Features

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.

Toolbar – Part of Webix UI Library

Get a 30-day free trial to test Toolbar along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.

Toolbar – Part of Webix UI Library

Get a 30-day free trial to test Toolbar along with 100+ UI widgets, a common API, and a shared data layer for building data-driven web apps.

Other navigation widgets