Fisheyebar

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

<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="Email"        
            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="Users"        
            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>

Class Name

org.zkoss.zkex.zul.Fisheyebar

Supported Child Components

*org.zkoss.zzulkex..fisheye

Supported Events

Name

Event Type

Properties

Property

Description

Data Type

Default Value

orient

Sets the orientation of fisheye.

Value: horizontal |vertical

jave.lang.String

horizontal

attachEdge

Returns the attach edge.

Value: center |left|right|top|bottom

jave.lang.String

center

labelEdge

Returns the label edge.

Value: center|left|right|top|bottom

java.lang.String

bottom

Methods

Name

Description

Return Data Type

Inherited From