Image is not "clickable"

answered 2010-05-31 15:30:49 +0800

vinhvo
369 ● 3

Can you use toolbar button and set its image property?

answered 2010-05-31 16:35:32 +0800

vinhvo
369 ● 3

Does it work if you specify width and height for Toolbar button ?
Otherwise, we can go back to your image : by adding extra css properties : on hover : something
Refer this for adding extra css.

answered 2010-06-01 01:36:24 +0800

ashishd
1972 ● 6

Hi shreesony,
Try this

<style> 
		.myimg{ 
			cursor:pointer;
		}
	</style>

Thanks
- Ashish

answered 2010-06-01 01:41:16 +0800

gekkio
899 ● 1
http://gekkio.fi/blog

You can wrap your image inside an <a></a> element or use extra CSS like vinhvo suggested.

The CSS solution is to use cursor: pointer.
For example:

<image src="pic.png" style="cursor: pointer" />

Sometimes I prefer the <a></a> solution because you can then use :hover styles correctly.
(:hover CSS definitions work only on A tags in IE6).

For example if you'd like to add borders to your image on hover:

Doesn't work in IE6:

<style>
  .myimg:hover {
     border: 1px solid #777;
  }
</style>
<image sclass="myimg" src="pic.png" forward="..." />

Works in IE6:

<style>
  a.myimgwitha:hover {
     border: 1px solid #777;
  }
</style>
<a sclass="myimgwitha" forward="...">
  <image sclass="myimg" src="pic.png" />
</a>

(Don't use <style></style> tags in real world code, use a separate CSS file instead)
Also, if you're using ZK 3.6, you'll have to use the HTML namespace for the A tag because there is no ZUL component called A.