Jx.Toolbar Examples

API Reference: Jx.Toolbar, Jx.Toolbar.Item, Jx.Toolbar.Separator See also: Jx.Button

Horizontal Toolbar

Toolbars are horizontal by default. They are best used in this orientation as toolbars above and below content areas.

Vertical Toolbar

Toolbars can also be oriented vertically. They can be used to the right or left of a panel's content in this orientation, or positioned absolutely, anywhere on the page.

Multiple Stacked Toolbars with Scrolling

You can also add multiple toolbars to the same container as demonstrated here:

Aligning Toolbars

You can align non-scrolling toolbars by using the align option. Please note that you can not use scrolling and align together.

Aligned Left

Aligned Right

Aligned Center