How do I reduce gaps between multiple choice answers? | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

How do I reduce gaps between multiple choice answers?

  • Apr 4, 2022 9:19 PM UTC
  • 2 replies
  • 529 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");
});

View original

2 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • TomG
  • Level 8 ●●●●●●●●
  • Answer
  • Apr 5, 2022 1:31 PM UTC

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
    • HibahH
    • Author
    • Apr 5, 2022 1:41 PM UTC

    Thank you very much!

      Terms & ConditionsAccessibility statement