Unanswered

How to change mouse cursor from the "arrow" pointer to the "hand" pointer

(0) Share

Report

Posted on by Adam123

Is it possible to change the mouse cursor when a user hovers over a text Label? Essentially, I want to make certain text Labels act like Buttons, if possible. I want figure out a way to turn the mouse cursor from the "arrow" pointer to the "hand" pointer when the user hovers, similar to what happens with Buttons.

Categories:

Building Power Apps

I have the same question (0)

All responses (9)

Answers (1)

mdevaney 29,989 Moderator on at

Like (0)

Report
@Jenifer
No, you cannot make the mouse cursor change to a hand when hovering over a label. The workaround is to place icon or button over top of the label and set the Visible property to this code.

false

---
Please click "Accept as Solution" if my post answered your question so that others may find it more quickly. If you found this post helpful consider giving it a "Thumbs Up."

Was this reply helpful? Yes No
Verified answer

PhilD 1,011 on at

Like (6)

Report
Actually, if you set the icon's Visible property to 'false' it will not be visible and its hover affect will not work.

If we have a label named 'LabelGalleryItemTitle' and we want it to appear clickable, we can put an icon over it, say one named 'IconClick', then set these properties (I used a simple right arrow icon)...

LabelGalleryItemTitle's OnSelect property
//The code you want to run when user clicks

IconClick's OnSelect property
//redirect click action to the label's OnSelect Select(LabelGalleryItemTitle)

IconClick's Color property
//this is transparent so nothing shows, could also use on Fill property of other icon types like Rectangles, etc. Essentially, user "sees through" this icon but the hover effect still happens. RGBA(0, 0, 0, 0)

IconClick's HoverColor property
//this just prevents the icon's color from coming alive and becoming visible when user hovers on it, making sure it is always not seen. Self.Color

2 people found this reply helpful.

Was this reply helpful? Yes No
GarethPrisk 2,828 on at

Like (2)

Report

@PhilD is correct. However, be mindful of eliminating accessiblity properties like Hover and Press. Instead, you can keep them but make them less intrusive with a HoverFill like RGBA( 0, 0, 0, 0.05) - this is still colorless, but imparts a slight fade effect to help those who benefit from accessiblity properties.

Was this reply helpful? Yes No
CB-09082027-0 Microsoft Employee on at

Like (3)

Report

To resolve, add a search icon and configure it with the launch parameter for onselect then expand the search icon over the text and in the properties and delete the icon.search text under the icon properties. Now when you hover over the text it will change to a hand.

Was this reply helpful? Yes No
EdwinChua 52 on at

Like (8)

Report
So one workaround is not to use a text label, but a HTML text element instead.

<span style='cursor:pointer; color:blue'>Simulate Clickable Link</span>

Then use CSS to style the mouseover cursor, and populate the select event as usual.

Was this reply helpful? Yes No
PatBof 6 on at

Like (1)

Report

Setting Tab index of the image to 0 worked for me.

Was this reply helpful? Yes No
carlosmonte 41 on at

Like (0)

Report

Where do you put this code?

Was this reply helpful? Yes No
rgentile 89 on at

Like (0)

Report

This worked for me when using an image. Thanks for sharing the knowledge!

I used PhilD's solution when using a label.

1 people found this reply helpful.

Was this reply helpful? Yes No
SLPS 48 on at

Like (1)

Report

You could also use a button and change the background and hover colors to match the page background.

Was this reply helpful? Yes No