How do I add space between questions? | Experience Community
Skip to main content

How do I add space between questions?

  • Jan 5, 2023 11:25 PM UTC
  • 6 replies
  • 1140 views

Forum|alt.badge.img

I am using carry forward with Form Field, when the questions are displayed, they have no space between them making it look like one giant paragraph with 3 text boxes. How do I increase the space between questions when I use Form Field with carry forward?

6 replies

Forum|alt.badge.img+9

Could you provide a screenshot so that I can better understand the issue?


Forum|alt.badge.img
  • Author
  • Jan 6, 2023 3:30 AM UTC

image.pngThese three were options selected as part of question 1 which carried over to Q2, but the formatting is quite off. No space between the 3 . I want it to look like the below
image.pngHope this clarifies.


dipeshsingh
Level 2 ●●
Forum|alt.badge.img+12
  • Level 2 ●●
  • Jan 6, 2023 11:48 AM UTC

shubhas

This can be easily done by tweaking some Border or padding CSS code. Try finding object class of the statements using "inspect element" in browser and adjust border or padding.


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • Jan 6, 2023 12:50 PM UTC

Hi there, I found a thread that I think will be helpful to you. In that, TomG provides JavaScript that adds the CSS dipeshsingh mentions. Below also for reference:
Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" td").css("padding", "10px 0px");
});


Forum|alt.badge.img+9

You can use this code if you prefer to use CSS

image.png


Forum|alt.badge.img+6
  • QPN Level 2 ●●
  • Jan 11, 2023 9:27 AM UTC

shubhas
Use this code (Form field) :
jQuery("

").insertAfter(jQuery('.ChoiceStructure').find("tr"))