ZK Component Reference/Essential Components/Fisheye/Fisheyebar

Fisheyebar

• Demonstration: Fisheyebar
• Java API: Fisheyebar
• JavaScript API: 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

<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