How can I setup a checklist with columns.

  • Profile Image
    williamdobbs
    Asked on June 01, 2016 at 01:44 PM
  • Profile Image
    BJoanna
    Answered on June 01, 2016 at 02:56 PM

    To achieve this first you would need to increase width of your widget to 650 inside of properties option of that widget. 

    Then inject this CSS code inside of Checklist widget Custom CSS field: 

    .checklist li:nth-child(odd) {

       width: 50%;

       border-right: 1px solid lightgray;

       box-sizing: border-box;

    }

    .checklist li:nth-child(even) {

      float:right;

       width: 50%;

       top: -1px;

       box-sizing: border-box;

       border-left: 1px solid lightgray;

    }

    After that you form will look like this. 

    Here is my demo form: https://form.jotform.com/61525433259961 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.