A fisheye item.
<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>