Community Groups are officially here!
We've released Groups, a new feature that enables us to connect community members of similar industries and interests in a shared, private space. You can check out all of the details here, including information about who can join, how to join, and what Groups are currently offered. Please leave your feedback through this Community Groups Feedback Survey.

Pick, Group, and Rank Boxes Color

DianaSafronova
DianaSafronova KyivCommunity Member, Qualtrics Brand Admin Qubie ✭
edited July 8 in Custom Code

Hello! 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

  • ChiragK
    ChiragK GUJARATCommunity Member Guru ✭✭
    Accepted Answer

    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
    });