Hover showing text field icon for the mouse when on a mouseup event link

I made a flex container in a container in a container…with a set of three labels

Then I set the text container to link to another webpage when clicked, technically on mouseup.

However, some users don’t realize it is a link because the mouse looks like the text entry icon instead of the link being hovered icon…

How do I fix this?

You’ll need to make a new Style within the Perspective context. In the following example, I named my style “PseudoLink”.

Within the style dialog, click the + icon and select “Element State”, then select “hover”. Now, select the cursor appearance you would like displayed when an element is hovered over (most likely “pointer” if you’re trying to emulate a link’s behavior). Click OK to apply your changes.

Now select your Label which is acting as a link. Include your new style as one of the style classes.

Screen Shot 2021-10-27 at 12.06.18 PM

2 Likes

worked perfectly

thanks, very easy and concise

1 Like

This worked for me with just the hover Element State, but when the object (dropdown in my case) is disabled, it overrides the "not-allowed" cursor style.

I tried adding a disabled element state in the style class and setting it as the first on the style rules, but the cursor still changes to the "pointer" style.

I got it to work by using an expression binding to assign the style class if the object is enabled. Is there a cleaner way of doing this where I don't have to update all my bindings?