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

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

  • 15 November 2017
  • 2 replies
  • 58 views

Userlevel 4
Badge +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?
icon

Best answer by AnthonyR 16 November 2017, 17:31

View original

2 replies

Userlevel 5
Badge +10
@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.
Userlevel 7
Badge +7
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

Leave a Reply