I have a template representing a motor.
Basically, it's a circle with a "M" inside.
The fill colour of the circle is animated using styles.
On click of the circle, it opens a popup windows with motor details.
All this is working correctly.
Now, I would like to add a hover effect on the circle as if it was a button so the user now it is clickable.
I have no idea how to do it properly. I have tried playing with the mouseEntered/Exited events but without result.
I have also tried to use a button and change the back colour but a button cannot be made round.
This is purely cosmetic but I really would like to have that.
I wasn't clear enough with my demand:
What I would like ideally is to have the circle animate as if it was a button (colour darker on mouse hover).
The mouse cursor change is indeed a solution to signal the user that there is a button here but it's not in line with the behaviour of the standard button.
UPDATE: I slightly changed the solution. Now, I use another circle, default invisible, no border, backcolor set to 240,240,240,84 and I display it on mouse enter and hide in on mouse exit. This feel more similar to a regular button.