ToolBar

Represents a toolbar component.

The ToolBar control is used on forms as a control bar that displays a row of drop-down menus and bitmapped buttons that activate commands. Thus, clicking a toolbar button is equivalent to choosing a menu command. The buttons can be configured to appear and behave as push buttons, drop-down menus, or separators. Typically, a toolbar contains buttons and menus that correspond to items in an application's menu structure, providing quick access to an application's most frequently used functions and commands.

circle-check
circle-info

For a full list of properties, methods and events see the API documentation.arrow-up-right

Features

Button Styles

The ToolBarButton control features several styles for customizing its appearance:

  • PushButton: A standard button.

  • ToggleButton: A toggle button.

  • Separator: A line between ToolBar buttons.

  • DropDownButton: A drop-down button that displays a menu when clicked.

ToolBar Button Styles

Advanced

JavaScript Widget

Item
Description

Class name

"wisej.web.ToolBar", "wisej.web.toolbar.Separator", "wisej.web.toolbar.SplitButton", and "wisej.web.toolbar.Button"

Theme appearance

"toolbar", see Themesarrow-up-right.

Child components

"button" represents each toolbar button. "separator" represents the separator items. See JavaScript.

Last updated

Was this helpful?