Fisheyebar"

From Documentation
Line 3: Line 3:
 
= Fisheyebar =
 
= Fisheyebar =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t4 Fisheye]
+
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#t4 Fisheyebar]
 
*Java API: <javadoc>org.zkoss.zkex.zul.Fisheyebar</javadoc>
 
*Java API: <javadoc>org.zkoss.zkex.zul.Fisheyebar</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zkex.menu.Fisheyebar</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zkex.menu.Fisheyebar</javadoc>

Revision as of 10:02, 18 May 2010

Fisheyebar

Employment/Purpose

A fisheye bar is a bar of fisheye that is a menu similar to the fish eye menu on the Mac OS.

Example

File:ZKComRef Fisheyebar Example.PNG

<window>
	Click "Change orient" button and move cursor over the fisheyebar before
	it changes.
	<separator />
	Fisheyebar will be out of expected.(That is wrong)
	<fisheyebar id="fish"
		style="position: absolute; top: 50px;
         left:100px;margin:20px;"
		attachEdge="top">
		<fisheye image="/img/icon_browser.png" label="Web Browser"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_calendar.png" label="Calendar"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_email.png" label="Emai onClick="alert(self.label)" />
		<fisheye image="/img/icon_texteditor.png" label="Text Editor"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_update.png" label="Software Update"
			onClick="alert(self.label)" />
		<fisheye image="/img/icon_users.png" label="User onClick="alert(self.label)" />
	</fisheyebar>
	<button label="Change orient">
		<attribute name="onClick"> if (fish.orient.equals("horizontal")) {
			fish.orient = "vertical"; } else { fish.orient = "horizontal"; }
		</attribute>
	</button>
</window>

Supported events

Name
Event Type
None None

Supported Children

Fisheye

Use cases

Version Description Example Location

Version History

Version Date Content
5.0.2 5/18/2010 Initialization



Last Update : 2010/05/18

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