Custom question field with compass pointer | XM Community
Skip to main content
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!
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


Terms & Conditions