Toolbarbutton"

From Documentation
Line 13: Line 13:
  
 
<tt>Toolbarbutton</tt> supports <tt>getHref()</tt>. If <tt>getHref()</tt> is not null, the <tt>onClick</tt> handler is ignored and this element is degenerated to HTML's A tag.
 
<tt>Toolbarbutton</tt> supports <tt>getHref()</tt>. If <tt>getHref()</tt> is not null, the <tt>onClick</tt> handler is ignored and this element is degenerated to HTML's A tag.
 +
 +
 +
Within ZK 5, the file upload has been redesigned so it can be integrated with any widget. For example, The toolbarbutton can now be used to upload a file. In addition to this, the display of the upload status has been enhanced and can be customized easily.
  
 
See also : [[ZK_Component_Reference/Essential_Components/Button | Button]], [[ZK_Component_Reference/Essential_Components/Toolbar | Toolbar]]
 
See also : [[ZK_Component_Reference/Essential_Components/Button | Button]], [[ZK_Component_Reference/Essential_Components/Toolbar | Toolbar]]

Revision as of 03:42, 18 May 2010

Toolbarbutton

Employment/Purpose

The behave of Toolbarbutton is similar to the button except the appearance is different. The button component uses HTML BUTTON tag, while thetoolbarbutton component uses HTML A tag.

A toolbarbutton could be placed outside a toolbar, However toolbarbuttons change their appearance if they are placed inside a toolbar.

Toolbarbutton supports getHref(). If getHref() is not null, the onClick handler is ignored and this element is degenerated to HTML's A tag.


Within ZK 5, the file upload has been redesigned so it can be integrated with any widget. For example, The toolbarbutton can now be used to upload a file. In addition to this, the display of the upload status has been enhanced and can be customized easily.

See also : Button, Toolbar

Example

ZKComRef Toolbarbutton Example.png

<window title="toolbar demo" border="normal" width="300px">
	<caption>
		<toolbarbutton label="button3" image="/img/folder.gif" />
		<space />
		<toolbarbutton label="button4" image="/img/folder.gif"
			dir="reverse" />
	</caption>
	<toolbar>
		<toolbarbutton label="button1" image="/img/folder.gif" />
		<space />
		<toolbarbutton label="button2" image="/img/folder.gif" />
	</toolbar>
	<hbox>
		<toolbarbutton label="button5" image="/img/folder.gif"
			orient="vertical" />
		<space />
		<toolbarbutton label="button6" image="/img/folder.gif"
			orient="vertical" dir="reverse" />
	</hbox>
</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.

Supported Children

*NONE

Use cases

Version Description Example Location
     

Version History

Version Date Content
5.0.2 5/12/2010 Initialization



Last Update : 2010/05/18

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