How can I setup a checklist with columns.

  • williamdobbs
    Asked on June 1, 2016 at 1:44 PM

    How can I setup a checklist with columns Screenshot 20

    Jotform Thread 851534 Screenshot
  • BJoanna
    Replied on June 1, 2016 at 2:56 PM

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

    How can I setup a checklist with columns Screenshot 40

    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;

    }

    How can I setup a checklist with columns Screenshot 51

    After that you form will look like this. 

    How can I setup a checklist with columns Screenshot 62

    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.