Skip to main content

ToolBar

WATCH & LEARN0:50 · Animated tutorial
7 scenesPlay, pause, or scrub at your own pace

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.

tip

The ToolBarButton control's DropDownMenu property takes an instance of the ContextMenu class as a reference. Carefully consider the reference you pass when implementing this sort of button on toolbars in your application, as the property will accept any object that inherits from the Menu class.

info

For a complete list of properties, methods, and events, see the API documentation.

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​

ItemDescription
Class name"wisej.web.ToolBar", "wisej.web.toolbar.Separator", "wisej.web.toolbar.SplitButton", and "wisej.web.toolbar.Button"
Theme appearance"toolbar", see Themes.
Child components"button" represents each toolbar button. "separator" represents the separator items. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js