Toolbar"

From Documentation
Line 72: Line 72:
 
|-
 
|-
 
| <center>default</center>
 
| <center>default</center>
|
+
|[[Image:toolbar_mold_default.png ]]
 
|-
 
|-
 
| <center>panel</center>
 
| <center>panel</center>
|
+
|[[Image:toolbar_mold_panel.png ]]
 
|}
 
|}
  

Revision as of 09:57, 2 November 2010

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

ZKComRef Toolbar Example.png


<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

Description:

Denotes user has clicked the component.

onRightClick
MouseEvent

Description:

Denotes user has right-clicked the component.

onDoubleClick
MouseEvent

Description:

Denotes user has double-clicked the component.

Supported molds

Available molds of a component are defined in lang.xml embedded in zul.jar.

Name
Snapshot
default
Toolbar mold default.png
panel
Toolbar mold panel.png

Supported Children

*ALL

Use cases

Version Description Example Location
     

Version History

Version Date Content
     



Last Update : 2010/11/02

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.