Custom question field with compass pointer | XM Community
Solved

Custom question field with compass pointer


I'm trying to create a new question as indicated below in the image.

!

Is there a way for me to recreate this in javascript? I'm familiar with programming, but unfamiliar with html/css/javascript, so I've tried messing with the Qualtrics API using the Qualtrics.SurveyEngine.addOnload function etc but it's beyond my knowledge.

Also, if possible, can the compass wheel in the centre instead be controlled by touch/mouse to be a arrow pointing in a specific direction?

Thanks in advance!
icon

Best answer by ethz 23 May 2018, 08:42

View original

3 replies

Userlevel 7
Badge +27
I think you could modify the images used by a graphical slider question to do this with JavaScript.
Thanks Tom, I used a pre existing slider in html instead.

Update: I got this to work:

<a target=_blank href=https://descil.eu.qualtrics.com/jfe/form/SV_eaIe0ygFqlXbu61>javaScriptCompass</a>

I had to insert the slider using html and control the value using javascript.

Right now i'm thinking of creating different images for each bearing of the compass (in 30/45 degree increments) and changing the image accordingly.

Is this the most efficient way to do it? I know you can rotate the picture, but i need to rotate a compass pointer instead of the compass image.

Again, thanks in advance!
Another update:

Got it to work with some javascript and embedded data to submit my answer.

Leave a Reply