ZK Component Reference/Essential Components/Toolbar

Toolbar

• Demonstration: Toolbar
• Java API: Toolbar
• JavaScript API: Toolbar

Employment/Purpose

A toolbar is used to place a series of buttons, such as toolbarbutton or button. The toolbar buttons could be used without toolbars, so a toolbar could be used without tool buttons. However, tool buttons change their appearance if they are placed inside a toolbar.

The toolbar has two orientation: horizontal and vertical. It controls how the buttons are placed.

See also : Button, Toolbarbutton

Example

<window title="Toolbar window" border="normal" width="300px">
	<toolbar>
		<toolbarbutton label="Left" />
		<space />
		<toolbarbutton label="Right" image="/img/folder.gif"
			dir="reverse" />
	</toolbar>
	<toolbar orient="vertical">
		<button label="Left" image="/img/folder.gif" width="125px" />
		<toolbarbutton label="Right" image="/img/folder.gif"
			dir="reverse" />
	</toolbar>
</window>

Supported events

Name	Event Type
onClick	[#MouseEvent org.zkoss.zk.ui.event.MouseEvent] Description: Denotes user has clicked the component.
onRightClick	[#MouseEvent org.zkoss.zk.ui.event.MouseEvent] Description: Denotes user has right-clicked the component.
onDoubleClick	[#MouseEvent org.zkoss.zk.ui.event.MouseEvent] Description: Denotes user has double-clicked the component.

Supported Children

*ALL

Use cases

Version	Description	Example Location
5.0+

Version History

Version	Date	Content
5.x.x	x/x/20xx	Initialization