670
Views
3
Comments
Solved
How to change cursor to pointer when hover over icon
Application Type
Reactive

When i hover over a icon the cursor still is a arow (default). I want that the cursor type changes to pointer when i hover over a icon. 


So right now it is this:


I want this on hover: 


I have something like this .cursor-pointer { cursor: pointer; }, however i do not know where to place it.

2023-04-16 15-25-31
Krishnanand Pathak
Solution

Hi Sam,

Apply the class over the element on which you want to apply CSS styling as Vignesh suggested.

To see the example please check the below link
https://personal-dxp8vofe.outsystemscloud.com/Hover_Pointer/Test?_ts=638127739576496256

Also sharing the oml for reference

Regards
Krishnanand Pathak

Hover_Pointer.oml
2025-01-15 08-35-04
Vignesh Sekar

HI,

when ever you want need to add css class like this,



2023-04-16 15-25-31
Krishnanand Pathak
Solution

Hi Sam,

Apply the class over the element on which you want to apply CSS styling as Vignesh suggested.

To see the example please check the below link
https://personal-dxp8vofe.outsystemscloud.com/Hover_Pointer/Test?_ts=638127739576496256

Also sharing the oml for reference

Regards
Krishnanand Pathak

Hover_Pointer.oml
2023-08-28 07-00-10
Paulo Torres
Champion

You can find this very fast if you spend some seconds on google.

https://www.w3schools.com/cssref/pr_class_cursor.php


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.