Cursor customization

[AP_9587236]

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

[PaiChung]

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

[AP_9587236]

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??

[TonyZhang]

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.

[AP_9587236]

 Do you have css to change the cursor to hand image when mouse hovering on collection widgets. @TonyZhang 

[TonyZhang]

Hi @AP_9587236,

If you feel your question has been answered, please mark the appropriate response as the Accepted Solution for the benefit of others with the same question.

Regards,

Tony

[TonyZhang · Accepted solution]

@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;

}

[AP_9587236]

I followed this procedure with this css. It is working fine. Thanks. 

.pointer {

cursor: pointer;

}

[PaiChung]

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