Formatting Form Questions | XM Community
Skip to main content
Solved

Formatting Form Questions

  • June 2, 2020
  • 3 replies
  • 65 views
J
Forum|alt.badge.img

Hello!
Is there a way to format the form choice text?

  • Increase padding between choice

  • Increase choice container width

Thanks!

Best answer by rondev

Use the below code:
//Increase padding between choice
jQuery(".ChoiceStructure table").attr("cellspacing","30");

//Increase choice container width. This will give 50% width to choice text and another 50% to input text box
jQuery(".ChoiceStructure table td").not(".ControlContainer").css("width","50%");

3 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • rondev
  • Level 6 ●●●●●●
  • Answer
  • June 2, 2020

Use the below code:
//Increase padding between choice
jQuery(".ChoiceStructure table").attr("cellspacing","30");

//Increase choice container width. This will give 50% width to choice text and another 50% to input text box
jQuery(".ChoiceStructure table td").not(".ControlContainer").css("width","50%");

Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
J
rjpmenon
J
Forum|alt.badge.img
  • JMaca
  • Author
  • June 2, 2020

Amazing thank you!
https://www.qualtrics.com/community/discussion/comment/26030#Comment_26030Two follow up questions:

  • Is there a way to remove the little gap between the edge of the question and the question text?

  • Is there a way to increase the height of the row (padding within the row, not just between the rows)?

Many thanks!

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • rondev
  • Level 6 ●●●●●●
  • June 2, 2020

Is there a way to increase the height of the row (padding within the row, not just between the rows)? -> try the below code
jQuery(".ChoiceStructure table td").not(".ControlContainer").css("line-height", "1.5em");

Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
J
Terms & ConditionsAccessibility statement