Change cursor to hand icon on hover area

asked 2014-09-11 21:30:34 +0800

ssatirtav gravatar image ssatirtav


I have a default cursor pointer but i want it to change to hand icon when user is hovering on the area i created. How can i achieve that using style. I am attaching my zul file and java code. I want to achieve that cursor change from the java side. Any help please?

java side:

Area a = new Area();
String coordsmain= (xcord-2)+ ", "+(ycord)+", "+(xcord-2+130)+", "+(stringHeight+5);
String tooltip=name.replace(" ", "")+".tooltip";
String tooltipInfo = WAMessages.getMsg(tooltip);

zul file:

<zk> <style> .my-imagemap a { cursor: default } .my-area a { cursor: hand } </style>

<div id="EDM_GRAPH"  width="%100" style="overflow:auto"
    apply="com.rochade.ps.csx.EdmGraphComposer" visible="true"  sclass="my-imagemap">
    <hbox style="padding: 10px" width="100%">
        <imagemap id="imageEdm" width="1800x">


delete flag offensive retag edit

2 Answers

Sort by ยป oldest newest most voted

answered 2014-09-19 03:09:40 +0800

jimmyshiau gravatar image jimmyshiau
4921 5
http://www.zkoss.org/ ZK Team

You can try

    .my-imagemap .z-imagemap img,
    .my-imagemap .z-imagemap .z-area { 
        cursor: crosshair;
    .my-imagemap .z-imagemap .z-area {
    display: block;
link publish delete flag offensive edit

answered 2014-09-12 07:51:09 +0800

millhouse gravatar image millhouse

i cant change it too, we need help here ! :)

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

1 follower



Asked: 2014-09-11 21:30:34 +0800

Seen: 23 times

Last updated: Sep 19 '14

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More