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
Advocate I

The fix to this will immensely help our users to know if the button is clickable. My users are currently confused as to whether to click or double click. 

Continued Contributor

If the item has an OnSelect property the cursor should change if the OnSelect is NOT empty.   This would make it much easier for users to understand what they can click on and what they can't click on.

 

Using the OnSelect property to govern whether or not the cursor changes makes it work properly and won't cause the cursor to change when there is no reason for the user to click on it.