How much can Qualtrics match my survey designs? | XM Community
Skip to main content

I'm working for my company to redesign our survey experiences. We want to be able to match the new designs (attached) using Qualtrics as much as possible. I have very little CSS, Javascript knowledge. Please help advise if this is doable.
Screen Shot 2022-03-03 at 4.12.35 PM.png

Most of it is doable as long as you have the CSS code available which you can push into the External CSS under the look and feel option. The only thing which won't work is the question No. part on top. Rest should be achievable


https://community.qualtrics.com/XMcommunity/discussion/comment/44211#Comment_44211Thanks! Aanurag_QC Do you think even the top card corners and background colors are doable as well? And would you be able to point me to any examples with some css code that I can utilize?
Thanks so much!


This is done out of the box at least:
image.png


And a screenshot with an answer clicked:
image.png
Not really sure what it is you're trying to achieve with your first screenshot through..


https://community.qualtrics.com/XMcommunity/discussion/comment/44271#Comment_44271MattiasM Thanks! In the first screenshot, I'm trying to use an icon (i.e. emojis) for each answer. What about the top of the card where the progress bar is broken up into smaller sections that are equal to the total # of questions and sits on top of a color gradient background?


image.pngYeah you can add the progress bar at the top. It comes with % of the entire survey, and not in steps as in your example. Not sure if this can be changed but this is out of the box at least.
Regarding icons there is a graphical slider you could use. Otherwise I'm sure there is some easy way to add a Java Script to get it to what you want. I know exactly 0 java script so I have to rely on the tweaks I can pull off without underlying code 🙂


MattiasM thanks so much!


Leave a Reply