Change pointer on mouseover

Wappler General How To
1

I have a series of images that link to other pages. I am using onclick events, and browser component. Issue I am having, not me, but client, that when you mouse over the image the pointer doesn’t change to a finger pointing like a normal href link. I know you can do it with onmouseover event I’m guessing? I just didn’t know if anyone had a handy way to do it or a link to where to set this up.

Thanks

2

No mouseover event needed. Just add a style to the img element…

cursor: pointer
2 Likes
3

Extending Ken’s suggestion, I usually add a class to my css in a project so I can easily add it (and dynamically toggle if necessary with dmx-class:clickable=""). Something like:

.clickable {
cursor: pointer !important
}
1 Like
4

That did the trick fellas! Thanks for the quick reply!

5

Adding to this I found that bootstrap has a thing built in, you can use. No need to add to your css file. Just add this to an element and it will get the pointer:

role="button"
2 Likes