Multiple choice - allow one answer with smiley faces | XM Community
Skip to main content
Question

Multiple choice - allow one answer with smiley faces

  • July 26, 2023
  • 5 replies
  • 342 views

Forum|alt.badge.img+3
  • Level 3 ●●●
  • 67 replies

Hello everyone,

I am new to Qualtrics and I am currently trying to create a survey with smileys faces, I know I have the Graphic slider option but I would like the respondant to be able to see all the smileys. If you look below, this is what I manage to do so far. I need you help because I would like the smiley to be the question label, or get ride of the grey square behind please if you know ? 

 

Or maybe there is an oder option with JavaScript ? Or CSS ? 

 

Thank you for your help !

 

 

5 replies

SaurabhPujare_Ugam
QPN Level 5 ●●●●●
Forum|alt.badge.img+18
  • QPN Level 5 ●●●●●
  • 145 replies
  • July 26, 2023

Hi @Tata C ,

Have you explored the smiley slider available in Qualtrics? Link here for reference.


Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • July 26, 2023

Hi @SaurabhPujare_Ugam,

Yes, I have, but this option doesn’t really work for me I would like to have all the smiley display at once, without the grey square behind. 


Forum|alt.badge.img+12
  • QPN Level 3 ●●●
  • 38 replies
  • July 26, 2023

simple option would be to use the smily with transparent backgroud. other option would be use of css to change the background color.


Forum|alt.badge.img+9
  • Level 5 ●●●●●
  • 42 replies
  • July 26, 2023

Hi @Tata C ,

 

You can add below HTML code in you question:

<style>
.Skin label.MultipleAnswer, .Skin label.SingleAnswer {
    background: rgb(255 255 255);
</style>

 

But it will still show the grey background on hover. Try adjusting image dimensions too.

 

Regards,

PD


Forum|alt.badge.img+3
  • Author
  • Level 3 ●●●
  • 67 replies
  • July 27, 2023

Thank you guys for your help I’ll try to change the smileys !