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 II

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 II

@KroonOfficeSol that's true! Thank you!

JR-BejeweledOne
Super User

@FilipK That's great for a button.  You shouldn't have to add a button or a shape to a gallery however to get the cursor to change when hovering over a clickable item.

 

As a matter of fact you shouldn't have to add extra controls of any sort to have the cursor change to when an item has something in the OnSelect property.   Some like galleries should change automatically, others should change if the OnSelect is not blank.

 

Extra controls add extra overhead and consume extra time when configuring or modifying an app.