GWT Image button

Question

I am creating a Image button from PNG icons, I need to make a feel of button (but not push button effect) just a when user clicks the image a dotted square (like a selection) will appear so to have the effect that the button is clicked. Any ideas?

Answer 1

Something like this in GWT:

Hyperlink link = new Hyperlink();
Image image = new Image(imageUrl);
...
link.getElement().appendChild(image.getElement());
link.setStyleName("imgBtnLink");

Add/set CSS style:

.imgBtnLink:active {
   border-style:dashed;
}

Old JSFiddle example: http://jsfiddle.net/Wsaf5/