cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Jenifer
Frequent Visitor

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

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. 

 

Jenifer_1-1596627734623.png

 

 

 

 

1 ACCEPTED SOLUTION

Accepted Solutions

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

 

View solution in original post

5 REPLIES 5
mdevaney
Super User
Super User

@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." 

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

 

GarethPrisk
Resident Rockstar
Resident Rockstar

@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.

CBERNIER
Microsoft
Microsoft

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.

EdwinChua
Frequent Visitor

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.

 

 

Helpful resources

Announcements
October Events

Mark Your Calendars

So many events that are happening this month - don't miss out!

Ignite 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Power Apps Africa Challenge 2022

Power Apps Africa Challenge

Your chance to join an engaging competition of Power Platform enthusiasts.

Top Solution Authors
Top Kudoed Authors
Users online (1,075)