Make Two Columns in a Rank Order Text Box Question | XM Community
Skip to main content

I have a Rank Order question that is in the text box format (see example below). Is there a way to make the items and their accompanying text boxes appear in two columns instead of one?
image.png

Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" .ChoiceStructure").css({"display":"grid","grid-template-columns":"repeat(2, 1fr)"});
});

Thank you TomG , that worked perfectly!
Is there a way I can either add more space between the two columns or increase the padding on the right side of the list items? I tried to do it myself but didn't have any luck:
Qualtrics.SurveyEngine.addOnload(function() {
 jQuery("#"+this.questionId+" .li").css({"padding-right":"10px"});
})

https://community.qualtrics.com/XMcommunity/discussion/comment/53272#Comment_53272Use css grid properties. For example, the space between columns can be set using column-gap.

@TomG Hi! Do you know if something changed with Qualtrics to make your code above not work anymore? I can’t get it to work, and I’m not sure if I need to update something within the snippet or if it’s just something else going on. 

@TomG Hi! Do you know if something changed with Qualtrics to make your code above not work anymore? I can’t get it to work, and I’m not sure if I need to update something within the snippet or if it’s just something else going on. 

It won’t work with Simple layout. I’m not aware of any changes.

Leave a Reply


Terms & Conditions