Pick, Group, and Rank Boxes Color | XM Community
Skip to main content
Solved

Pick, Group, and Rank Boxes Color

  • June 24, 2021
  • 1 reply
  • 66 views
D
Forum|alt.badge.img

image.pngHello! I would like to make these 2 boxes differ in color - "Group 1" to be green and "Group 2" to be red. Is it possible to make or boxes could be only the same color?

Thanks! :)

Best answer by ChiragK

Hello, Try adding following custom code in that question
Qualtrics.SurveyEngine.addOnReady(function () {
    var $this = jQuery(this.questionContainer);

    jQuery(".QuestionBody .groupsContainerTd .Group:eq(0) ul.ui-sortable", $this).css("background-color", "#dfffcf");   //first group - green
    jQuery(".QuestionBody .groupsContainerTd .Group:eq(1) ul.ui-sortable", $this).css("background-color", "#ffcfcf");   //second group - red
});

1 reply

C
Level 2 ●●
Forum|alt.badge.img+8
  • ChiragK
  • Level 2 ●●
  • Answer
  • June 25, 2021

Hello, Try adding following custom code in that question
Qualtrics.SurveyEngine.addOnReady(function () {
    var $this = jQuery(this.questionContainer);

    jQuery(".QuestionBody .groupsContainerTd .Group:eq(0) ul.ui-sortable", $this).css("background-color", "#dfffcf");   //first group - green
    jQuery(".QuestionBody .groupsContainerTd .Group:eq(1) ul.ui-sortable", $this).css("background-color", "#ffcfcf");   //second group - red
});

Terms & ConditionsAccessibility statement