Project Documentation
Foundation

Description

A navigation menu/toolbar with a nice mouse-over effect, similar to the Mac OS X Dock. It is actually a JSF implementation of the Fisheye List widget from the Dojo Toolkit.

The component makes use of the Tomahawk navigation framework, so the menu items can be added using t:navigationMenuItem child components.

Screen Shot

fisheye
fisheye

API

author Jurgen Lust
component-family javax.faces.Output
renderer-type org.apache.myfaces.FishEyeList
component-class org.apache.myfaces.custom.fisheye.HtmlFishEyeNavigationMenu
renderer-class org.apache.myfaces.custom.fisheye.HtmlFishEyeNavigationMenuRenderer
tag-class org.apache.myfaces.custom.fisheye.HtmlFishEyeNavigationMenuTag

Usage

<s:fishEyeNavigationMenu [id="myToolbar"]
               [rendered="true|false"]
			   [itemWidth="50"]
			   [itemHeight="50"]
			   [itemMaxWidth="200"]
			   [itemMaxHeight="200"]
			   [orientation="horizontal|vertical"]
			   [effectUnits="2"]
			   [itemPadding="10"]
			   [attachEdge="top|bottom"]
			   [visibleWindow="4"]
			   [labelEdge="top|bottom"]>
</s:fishEyeNavigationMenu>
            

Additional Information

see fisheye.jsp in the Sandbox examples.