Made a visual distinction between choices in drag & drop question | XM Community
Skip to main content
Solved

Made a visual distinction between choices in drag & drop question

  • March 13, 2019
  • 3 replies
  • 79 views
Radam
Level 4 ●●●●
Forum|alt.badge.img+33
  • Radam
  • Level 4 ●●●●
  • 171 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!! !

Best answer by Anonymous

Hello @Radam , Paste the below code in the js(OnReady) of the PGR question: ` jQuery("#"+this.questionId+" ul.PGRSortable li.ReadableAlt").css("background","lightgrey");`

    3 replies

    A
    • Anonymous
    • 0 replies
    • Answer
    • March 13, 2019
    Hello @Radam , Paste the below code in the js(OnReady) of the PGR question: ` jQuery("#"+this.questionId+" ul.PGRSortable li.ReadableAlt").css("background","lightgrey");`
    Radam
    Level 4 ●●●●
    Forum|alt.badge.img+33
    • Radam
    • Author
    • Level 4 ●●●●
    • 171 replies
    • March 13, 2019
    Thank you!
    J
    Level 1 ●
    Forum|alt.badge.img+3
    • JasonP
    • Level 1 ●
    • 4 replies
    • November 22, 2019
    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.


    Terms & ConditionsAccessibility statement