The toolbar object provides a quick solution for a horizontal menu. The toolbar can hold different types of items such as buttons, drop down menus, overlays, etc. The same toolbar object is used by the grid for its toolbar and can be completely controlled independently after the grid is created.
By default, the toolbar is completely transparent. In the example above, I have defined a containter with a gradient fill. In the case of the grid, the container with gradient fill is provided by the grid.


There are a number of buttons you can create: simple, radio, check buttons. All the buttons may have an image and a caption.


Drop down menues and overlays are also supported. A menu will have selectable items. An overlay may contain any HTML text.


Groups fo buttons can be visually separated for better user presentation. You can split the toolbar and display items on the right.

JavaScript APIs

All functionality can be accessed from JavaScript in short, human-readble commands.

Clean Syntax

If it is easy to define a widget, it is easy to avoid mistakes. The code is clean and easy to read as you can see below.


If you require more then a button or menu, you can create an item that holds any HTML text. All toolbar methods can still be used.

The Code

The gradient fill was defined as a CSS property of the containter, therefore, it is not in the code.

User Comments

comments powered by Disqus