How do I reduce gaps between multiple choice answers? | XM Community
Skip to main content
Solved

How do I reduce gaps between multiple choice answers?

  • April 4, 2022
  • 2 replies
  • 479 views

Forum|alt.badge.img

I'm trying to reduce the gaps between multiple choice answers to reduce the width of the whole question so that mobile users don't have to scroll across as much (as currently the scale doesn't fit on a phone screen). Can anyone please help with this? I only really know how to add basic Javascript so ideally looking for a straightforward fix...

Many thanks.

Best answer by TomG

You can reduce the space between choices in a horizontal MC like this:
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" .ChoiceStructure").css("border-spacing","2px");
});

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Answer
  • April 5, 2022

You can reduce the space between choices in a horizontal MC like this:
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" .ChoiceStructure").css("border-spacing","2px");
});


Forum|alt.badge.img
  • Author
  • April 5, 2022

Thank you very much!