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

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

  • 19 June 2019
  • 3 replies
  • 244 views

Userlevel 6
Badge +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.

!
icon

Best answer by Anonymous 19 June 2019, 21:45

View original

3 replies

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
Userlevel 6
Badge +5
@shashi, this worked great! Thank you so much!
Badge

So, where exactly does this code go?

Leave a Reply