Arrange answers in multiple columns

Compatibility: IdSurvey 6 IdSurvey 7

This javascript arranges answer options in multiple columns.

Note

  • The script is not compatible with CAPI interviews.

Instructions

Copy the following script in the “Client Script” box, under the gearwheel button of the page containing the question.

<style>
     ul.single-question-responses{
display: flex;
flex-wrap: wrap;
}
ul.single-question-responses > li{
flex: 0 0 33%;
margin: 0;
}
  </style>

 

You can copy the script in the “Client Script” section, under the gearwheel button of the page with a long list of items.

This is how the list will appear in the CAWI interface

Leave A Comment?