How to make 'Select All' widget 2 column

  • unadmin
    Asked on October 26, 2015 at 1:33 PM

    Hi,

    I used the select all widget, but I would like to make one of the sections 2 column since one of my lists is very long. For example, the list of cities in California is very long, so I'd like to make it 2 column so shorten the length someone needs to scroll down. Thank you for your help

     

     

    Jotform Thread 690206 Screenshot
  • David JotForm Support
    Replied on October 26, 2015 at 2:38 PM

    Hi,

    Unfortunately no, I cannot find a way to do it using CSS only for the Select All widget.  The widget appears to be limited to a single column.

     

    What you may want to try instead is use 2 Select All widget and postion them side by side to 2 columns.

    If you have any further questions, let us know and we will be happy to help.

     

  • unadmin
    Replied on October 26, 2015 at 6:50 PM

    How would I use 2 and position them side by side?

  • Kiran Support Team Lead
    Replied on October 26, 2015 at 10:38 PM

    You can use Field positioning to align the fields on your JotForm. I've tried adding a new widget for California state on the cloned version of your JotForm and added the following CSS code to resize the widget width to fit in two columns.

    #id_38, #id_125 {

    width: 252px !important;

    }

    Please see the demo form below :

    https://form.jotform.com/52988475090973?

    You may clone the form to your account to see how the fields are positioned.

    Let us know if you need any further assistance. We will be happy to help.

     

     

  • Kiran Support Team Lead
    Replied on October 26, 2015 at 10:45 PM

    Sorry. There is a type with one of the IDs in the injected code. The injected CSS code should be as below :

    #id_121, #id_125 {

    width: 252px !important;

    }

    Thanks!