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

How much can Qualtrics match my survey designs?

  • March 3, 2022
  • 7 replies
  • 53 views

Forum|alt.badge.img+1

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

7 replies

Aanurag_QC
QPN Level 5 ●●●●●
Forum|alt.badge.img+31
  • 256 replies
  • March 3, 2022

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


Forum|alt.badge.img+1
  • Author
  • 3 replies
  • March 3, 2022

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!


MattiasM
Level 5 ●●●●●
Forum|alt.badge.img+63
  • Level 5 ●●●●●
  • 328 replies
  • March 4, 2022

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


MattiasM
Level 5 ●●●●●
Forum|alt.badge.img+63
  • Level 5 ●●●●●
  • 328 replies
  • March 4, 2022

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..


Forum|alt.badge.img+1
  • Author
  • 3 replies
  • March 7, 2022

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?


MattiasM
Level 5 ●●●●●
Forum|alt.badge.img+63
  • Level 5 ●●●●●
  • 328 replies
  • March 7, 2022

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 :)


Forum|alt.badge.img+1
  • Author
  • 3 replies
  • March 8, 2022

MattiasM thanks so much!