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
RussT
Frequent Visitor

I agree with @RDabrowski,  a simple property on Image/Shape objects etc... that enables, or maybe even "default on" if "on select != false" then a property to turn it off for those few that it is unwanted on.

Madi
Helper II

Anybody knows if we can change to hand on mouse over on label ?? I have label i want to change cursor to hand on mouve over ? 


@Anonymous wrote:

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?



@Anonymous wrote:

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?


 

FilipK
Power Apps

For Icons and Images, if you set TabIndex=0, not only will the hand icon show up, but the app will be accessible to keyboard users and screenreaders.

 

Label currently does not do this, but we expect to fix this in the next 3 months as we re-write some of its functionality.

Madi
Helper II

ok thank u but can we achieve this functionality by using button which is just not clickable then ?

FilipK
Power Apps

Button should work (get the hand) out of the box.  If you are asking if we can achieve the other types of links with the button control, we have this on our roadmap for 2019.

Bill_Hand
Advocate III

@FilipK The hand only shows on a button when the app is in preview mode, not on a published  app.  How can I get it to show on a published app?

Thanks.

 

Button_HoverIcon.PNG

R3dKap
Super User

Hi @FilipK,

I confirm what @Bill_Hand is saying : the hand is visible in preview mode but not on a published app... Would it be possible to already fix this small "issue" first ?

Emmanuel

svenvu
Advocate IV

Hi @FilipK

 

TabIndex=0 is working fantastic on images! ==> The "hand" appears. Did I understand correctly that this would also be made possible for labels?

 

Friendly greets

Ginevra
Helper I

This is also wanted for the gallery item selected. I know I can set the Transition variable, but it's not enough for my users... they want the little hand XD

FilipK
Power Apps

Currently this is not possible for labels and galleries.  We are looking into it.