cancel
Showing results for 
Search instead for 
Did you mean: 

Changing mouse to hand icon when hovering over objects with OnSelect function

I have received some feedback from my app users that it is sometimes hard to tell when image or text is clickable. On the desktop version, when you hover over an image the icon remains the same or when you hover a text it changes to the edit text icon, the mouse icon seems to change to hand icon only when hovering over objects like Icons or Controls like Button control.

 

Example 1
The text in the Org Browser by Microsoft says View My Profile, when hovering over it with mouse, the mouse icon changes to select text icon.
8.png

 

Example 2
When using images as buttons, the mouse will stay as a cursor and will not change to the hand icon.
9.png

 

Example 3
Hovering mouse over the button. It changes to hand icon and it is clear that you can click it.
10.png

 

This is not a problem on the Phone since you click with your fingers but it confuses the users on desktop. Would it be possible to make all objects with functions in OnSelect property to have a <a> tag or something similar that it would force the mouse cursor to change into hand?

Status: Under Review
Comments
CarolHosking
New Member

Maddening!

Lu_Mo
Advocate I

Under Review since 11-24-2017 08:43 AM? 🙂

Please add a control property "Hover pointer" with a few cursors/pointers to select from here:

https://www.w3schools.com/cssref/pr_class_cursor.asp

Thank you!

KroonOfficeSol
Resident Rockstar

For Images this hover hand is already available, just change the tab index to 0 or higher.

Gianluca
Advocate I

@KroonOfficeSol that's true! Thank you!