Make the Group Box longer on Pick, Group and Rank Question | XM Community
Skip to main content
Solved

Make the Group Box longer on Pick, Group and Rank Question

  • September 22, 2023
  • 3 replies
  • 291 views

Forum|alt.badge.img+1

Hello Everyone! 

I need help with the Pick, Group, and Rank Questions. I have quite a long list and want the person doing the survey to just pick a few from the list and add it to the box. However, the box is only available at the top and not towards the bottom of the list. 

Example:

This is what it looks like on the top. 
This is what it looks like further down. 

Is there a way to make that top box longer to fit the length of the entire list? Or do you all have any ideas on what I can do instead?

I appreciate all the help you can give me! 

Best answer by Nam Nguyen

@mammon Add this to your custom CSS

.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div {
float: none;
height: 99.5% !important;
}
.Skin .PGR .DragAndDrop td.groupsContainerTd {
vertical-align: top;
height: 500px !important;
}
.Skin .PGR .DragAndDrop .Group>div>ul, .Skin .PGR .DragAndDrop .Items>ul {
height: 100% !important;
min-height: 150px;
}

Hope it works

3 replies

Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1096 replies
  • Answer
  • September 23, 2023

@mammon Add this to your custom CSS

.Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div {
float: none;
height: 99.5% !important;
}
.Skin .PGR .DragAndDrop td.groupsContainerTd {
vertical-align: top;
height: 500px !important;
}
.Skin .PGR .DragAndDrop .Group>div>ul, .Skin .PGR .DragAndDrop .Items>ul {
height: 100% !important;
min-height: 150px;
}

Hope it works


Forum|alt.badge.img+1
  • Author
  • 1 reply
  • September 24, 2023

@dxconnamnguyen It worked! You are a lifesaver! Thank you so much! 


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1096 replies
  • September 25, 2023

@mammon Happy to help 👍