Custom question field with compass pointer | XM Community
Skip to main content
Solved

Custom question field with compass pointer

  • May 21, 2018
  • 3 replies
  • 72 views
E
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!

Best answer by ethz

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

    3 replies

    TomG
    Level 8 ●●●●●●●●
    Forum|alt.badge.img+27
    • TomG
    • Level 8 ●●●●●●●●
    • May 21, 2018
    I think you could modify the images used by a graphical slider question to do this with JavaScript.
    E
    • ethz
    • Author
    • May 23, 2018
    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!
      E
      • ethz
      • Author
      • Answer
      • May 23, 2018
      Another update: Got it to work with some javascript and embedded data to submit my answer.
        Terms & ConditionsAccessibility statement