Adding horizontal dividing lines OR alternating row colors for a Side-by-Side question | XM Community
Skip to main content
Solved

Adding horizontal dividing lines OR alternating row colors for a Side-by-Side question

  • June 19, 2019
  • 3 replies
  • 417 views

Forum|alt.badge.img+5
I would like to add horizontal dividing lines or alternating row colors to my side-by-side question. Does anyone have any code they would be willing to share? Changing alternate row colors in the Old Look and Feel editor did not seem to have an effect. Below is a screenshot for how it currently looks. Ideally I just want something subtle that makes it easier to differentiate the rows. !

Best answer by Anonymous

Hello @uhrxx005 , Use the below code: jQuery("#"+this.questionId+" .Choice").css("border-bottom","2px solid black"); //horizontal line jQuery("#"+this.questionId+" .ReadableAlt").css("background","#d2d2d6"); //alternate color

3 replies

  • Answer
  • June 19, 2019
Hello @uhrxx005 , Use the below code: jQuery("#"+this.questionId+" .Choice").css("border-bottom","2px solid black"); //horizontal line jQuery("#"+this.questionId+" .ReadableAlt").css("background","#d2d2d6"); //alternate color

Forum|alt.badge.img+5
  • Author
  • Level 3 ●●●
  • June 20, 2019
@shashi, this worked great! Thank you so much!

Forum|alt.badge.img
  • August 29, 2022

So, where exactly does this code go?