Mouse over hand icon missing

Flow
1

Hi,

I have a menu with a button as a menu item. I use to setIcon() to add image on button. I also refer to the CSS example provided in the ‘Images and Icons tutorial’ (http://vaadin.com/tutorial/-/page/themeing.icons.html).

Then I create a my custom theme and set the default theme in style.css with reindeer.

@import url(../reindeer/styles.css);

The ui display correctly but the hand icon when the mouse over the icon(button) is missing. How to make it visible?

Thanks.

2

By default the Reindeer theme does not show the hand cursor to any buttons (except link style buttons).

You can add them with CSS:

.v-button {
   cursor: pointer;
   }

That will add then to all buttons. Or you can just target some buttons with a new style name:

// Java
myButton.addStyleName("with-hand");

// CSS
.v-button-with-hand {
   cursor: pointer;
   }
3

Now I can see the hand cursor over the button image.

Thanks.