Changing the width of the Items column in a Pick, Group, and Rank question | XM Community
Skip to main content
Solved

Changing the width of the Items column in a Pick, Group, and Rank question

  • October 23, 2019
  • 6 replies
  • 1441 views

I am trying to make the width of the Items column WIDER in a Pick, Group, and Rank question, so the options won't wrap 2-3x before being dragged into the Group boxes. I only have one (1) Group box, so I don't need all the open space on the right side of the screen.

Best answer by TomG

Use this CSS: ``` .Skin .PGR .DragAndDrop td.itemsContainerTd {width:50%} .Skin .PGR .DragAndDrop .Group h2, .Skin .PGR .DragAndDrop .Group ul, .Skin .PGR .DragAndDrop .Items h2, .Skin .PGR .DragAndDrop .Items ul {width:100%} ```

6 replies

  • Author
  • October 28, 2019
Or, is there another question type I should consider using that's a little easier to make aesthetic changes to?

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Answer
  • October 28, 2019
Use this CSS: ``` .Skin .PGR .DragAndDrop td.itemsContainerTd {width:50%} .Skin .PGR .DragAndDrop .Group h2, .Skin .PGR .DragAndDrop .Group ul, .Skin .PGR .DragAndDrop .Items h2, .Skin .PGR .DragAndDrop .Items ul {width:100%} ```

Where do you insert the CSS code on the question?


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • April 13, 2021

In HTML view, put it inside a