Pick, Group, and Rank Boxes Color | Experience Community
Skip to main content
JoseS
Administrator
1 year ago
Solved

Pick, Group, and Rank Boxes Color

  • Jun 24, 2021 2:55 PM UTC
  • 1 reply
  • 100 views
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
});

View original

1 reply

Level 2 ●●
Forum|alt.badge.img+8
  • ChiragK
  • Level 2 ●●
  • Answer
  • Jun 25, 2021 10:51 AM UTC

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