In the heat map question, I want to change the cursor from a cross to a circle. How do I do that? | XM Community
Skip to main content
Solved

In the heat map question, I want to change the cursor from a cross to a circle. How do I do that?

  • November 15, 2017
  • 2 replies
  • 97 views

Dax
Qualtrics Employee
Forum|alt.badge.img+2
  • Qualtrics Employee
  • 23 replies
In the heat map question, I want to change the cursor from a cross to a circle. How do I do that?

Best answer by AnthonyR

Add the following to the html of the question, and update the image to an image of a circle that you would like to use as the cursor. <style> .Skin .HeatMapContainer img{ cursor: url("https://s30.postimg.org/3quedc7q9/Reload_arrow_32.png"), auto; } </style> For example: https://communicus.qualtrics.com/jfe/preview/SV_6DaS6ZOFBP3rsDb?Q_CHL=preview It's worth noting that the image size should be a maximum of 32px x 32px for maximum browser compatibility

2 replies

MichelleC
Level 3 ●●●
Forum|alt.badge.img+10
  • Level 3 ●●●
  • 146 replies
  • November 16, 2017
@Dax, In the question settings (gear to the left of the question in your survey), you can enter custom Javascript to do this. I have been digging around trying to find a code snippet for this, but am coming up blank. I _know_ it's possible - but I'm not a strong enough coder myself to figure it out yet! I'll keep looking and working on it.

AnthonyR
Level 4 ●●●●
Forum|alt.badge.img+7
  • Level 4 ●●●●
  • 308 replies
  • Answer
  • November 16, 2017
Add the following to the html of the question, and update the image to an image of a circle that you would like to use as the cursor. <style> .Skin .HeatMapContainer img{ cursor: url("https://s30.postimg.org/3quedc7q9/Reload_arrow_32.png"), auto; } </style> For example: https://communicus.qualtrics.com/jfe/preview/SV_6DaS6ZOFBP3rsDb?Q_CHL=preview It's worth noting that the image size should be a maximum of 32px x 32px for maximum browser compatibility