Made a visual distinction between choices in drag & drop question | XM Community
Solved

Made a visual distinction between choices in drag & drop question

  • 13 March 2019
  • 3 replies
  • 59 views

Userlevel 5
Badge +30
  • Level 4 ●●●●
  • 164 replies
We have a rather large list of item in a drag/drop question. The choices seem to blend together and was wonder if there was some from of visual que to help distinguish them, such as alternative shading between items. Please see attached image for what we are looking at. Thank you!!

!
icon

Best answer by Anonymous 13 March 2019, 20:03

View original

3 replies

Hello @Radam ,

Paste the below code in the js(OnReady) of the PGR question:

` jQuery("#"+this.questionId+" ul.PGRSortable li.ReadableAlt").css("background","lightgrey");`
Userlevel 5
Badge +30
Thank you!
Badge +3
I have a similar question but the code in the accepted answer didn't do anything when I added it.

I want to put a border around or between my options in a drag-and-drop rank order question.

Each option describes a course of action with a bold heading and a detailed description. Here's the HTML code for one for the options:

<b>Do nothing: Stay the course (keep the program as is)</b><br />
<span style="font-size:11pt"><span style="line-height:107%"><span style="font-family:Calibri,sans-serif">The manager should ignore the email and allow the program to proceed as intended</span></span>

Thank you in advance for any suggestions you might have.

Leave a Reply