Answered

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

Like (0) Share

Report

Posted on 5 Aug 2020 11:43:33 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.

All responses (9)

Answers (1)

SLPS 46 on 29 Aug 2023 at 20:05:26

Like (1)

Report

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

You could also use a button and change the background and hover colors to match the page background.
rgentile 89 on 28 Aug 2023 at 18:31:30

Like (0)

Report

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

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

I used PhilD's solution when using a label.
carlosmonte 41 on 07 Aug 2023 at 15:33:58

Like (0)

Report

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

Where do you put this code?
PatBof 6 on 28 Jul 2023 at 15:47:01

Like (1)

Report

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

Setting Tab index of the image to 0 worked for me.
EdwinChua 52 on 05 Aug 2022 at 04:35:34

Like (8)

Report
Re: How to change mouse cursor from the "arrow" pointer to the "hand" pointer

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.
CB-09082027-0 Microsoft Employee on 05 Apr 2021 at 17:17:18

Like (3)

Report

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

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.
GarethPrisk 2,826 on 15 Aug 2020 at 16:32:41

Like (2)

Report

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

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

PhilD 1,009 on 15 Aug 2020 at 14:35:15

Like (5)

Report
Re: How to change mouse cursor from the "arrow" pointer to the "hand" pointer

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
mdevaney 29,987 Super User 2025 Season 1 on 05 Aug 2020 at 11:51:43

Like (0)

Report
Re: How to change mouse cursor from the "arrow" pointer to the "hand" pointer

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