Rank and Sort Buckets all on one Line | XM Community
Skip to main content
Hey all - I'm looking to create a rank and sort question, but want all of my scale points to live on the same line, rather than how it defaults (below). ! Any idea of how to achieve this? Thanks!
I have done this with custom styling before, though I would caution that any amount more than 5 is overwhelming on desktop. And as always, this question type is garbage on mobile almost regardless of layout. Add the following to your questions html. <style> .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div{ display: inline-block; width: 19%; vertical-align: top; } .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div h2, .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div ul, .Skin .PGR .DragAndDrop .NoColumns td.groupsContainerTd div>div{ width: 100% } </style> I also recommend including the following to move items above your buckets. .Skin .PGR .DragAndDrop td.groupsContainerTd, .Skin .PGR td.itemsContainerTd{ display: block; } Also note this uses the NO column layout! Alternatively with a column layout adjust the width of each using the following until all fit ( still recommend moving items to be above your buckets): .Skin .PGR .DragAndDrop .Group h2, .Skin .PGR .DragAndDrop .Group>div>ul, .Skin .PGR .DragAndDrop .Items>ul{ width: 110px; }
Terms & ConditionsAccessibility statement