Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

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

Dax
Dax Provo, UTFounding Community Member CEP (Chief Executive Paw-ficer)

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

Best Answer

  • AnthonyR
    AnthonyR Tucson AzFounding Community Member, Community Member Superuser ✭✭✭✭
    edited November 2017 Accepted Answer

    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

Answers

  • MichelleC
    MichelleC East Lansing, MIFounding Community Member, Community Member Sage ✭✭✭

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