Modifying existing venn diagram JavaScript code for Qualtrics
Best answer by TomG
+27+27
Hi Hannahkh95,
I got around this in a rather weird way. It's not perfect, so please excuse the non-technical language, but it works. So I used Tom's idea of utilising the 10-gauge slider and created 11 images of overlapping circles, then fed them into the CSS of qualtrics graphic elements. Here's how to do it:
- Create a graphic slider and select ten-gauge.
- Look & Feel -> Back to Old Editor -> Advanced -> +Add Custom CSS
- Paste the attached css code into the box, which will give you control over lots of visual elements. If you look at the 10-gauge section, I have redirected qualtrics to another address, corresponding to the images I wanted to show up (i.e. 11 stages of overlap), but really you can choose any image as long as you are careful with the size and formatting.
Although within qualtrics it may still look like a ten gauge, when you preview/publish, the right diagrams will show up. If this doesn't work, try changing the theme/template of the survey. I hope this helps.
css.txt
+1https://community.qualtrics.com/XMcommunity/discussion/comment/40930#Comment_40930I realise this is a while back now but I would really be interested in knowing the answer to this too!
Hi Hannahkh95,
I got around this in a rather weird way. It's not perfect, so please excuse the non-technical language, but it works. So I used Tom's idea of utilising the 10-gauge slider and created 11 images of overlapping circles, then fed them into the CSS of qualtrics graphic elements. Here's how to do it:
- Create a graphic slider and select ten-gauge.
- Look & Feel -> Back to Old Editor -> Advanced -> +Add Custom CSS
- Paste the attached css code into the box, which will give you control over lots of visual elements. If you look at the 10-gauge section, I have redirected qualtrics to another address, corresponding to the images I wanted to show up (i.e. 11 stages of overlap), but really you can choose any image as long as you are careful with the size and formatting.
Although within qualtrics it may still look like a ten gauge, when you preview/publish, the right diagrams will show up. If this doesn't work, try changing the theme/template of the survey. I hope this helps.css.txt
Hi Easa, is there a way to download your css file and use your adaptation? Qualtrics will not allow me to download the .txt, but I am also not sure if it will still work given how much time has passed.
Thank you!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.