Pick, group, and rank | XM Community
Skip to main content
Question

Pick, group, and rank

  • April 7, 2022
  • 1 reply
  • 24 views

Forum|alt.badge.img+6

I need to customize a pick, group, and rank question.as the output is not appealing to the customers. I have 8 statements and need to put 3 statements in the group. What I need is to make the statement container wider to make the statement easier to read. I don't know how to write code in CSS so is there anyone who can help? I have pasted a screenshot of the question below.
image.png

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • May 6, 2022

Hi there, I was able to adapt some code that I found in the below thread to widen the area that the Items are in. Try placing the below code in the Custom CSS of your survey's Look & Feel:
@media (min-width: 480px) {

/*table*/
.Skin .PGR .DragAndDrop .QuestionBody table {
    width: 100%;
}

/*left div*/
.Skin .PGR .DragAndDrop .Items {
    width: 480px;
}

/*left ul*/
html>body .Skin .PGR .DragAndDrop .Items>ul {
    width: 75%;
}

}
https://community.qualtrics.com/XMcommunity/discussion/15907/in-the-pick-group-and-rank-category-is-there-anyway-of-changing-the-items-to-horizontal