Skip to main content
17-Peridot
July 21, 2021
Solved

Cursor customization

  • July 21, 2021
  • 2 replies
  • 2530 views

Is it possible to change the cursor(arrow mark) to hand image?

Best answer by TonyZhang

@AP_9587236,

 

Collection widgets allow you display multiple base mashups.

Assign a name to CustomClass property to the base mashup.

Write below custom css code in base mashup.

 

.ReplaceMeWithActualCustomClassName {

      cursor: grab;

}

2 replies

22-Sapphire I
July 21, 2021

Cursor changes are usually associated with Hover and Click, you should be able to do that in CSS

17-Peridot
July 21, 2021

We have 700 entities. In which mashup (or) where i have to use css code for hover and click functionality of user?? And What is the css code for that??

16-Pearl
July 28, 2021

You can use below css in mashups or masters to change the cursor to hand image when mouse not hovering on any widgets.

body {
    cursor: grab;
}

 

To change the mouse over style on widgets, you'll need to use custom css to target each element and change the cursor style which might not be feasible for some elements.

22-Sapphire I
July 22, 2021

I unfortunately do not know CSS, ThingWorx supports a 'master' css theme so that's probably where I would put it.