What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to make 'Select All' widget 2 column

    Asked by unadmin on October 26, 2015 at 01: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

     

     

    Page URL:
    https://form.jotform.com/52845765747976

    Screenshot
    select all 2 column Make
  • Profile Image
    JotForm Support

    Answered by david on October 26, 2015 at 02: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.

     

  • Profile Image

    Answered by unadmin on October 26, 2015 at 06:50 PM

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

  • Profile Image
    JotForm Support

    Answered by Kiran 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.

     

     

  • Profile Image
    JotForm Support

    Answered by Kiran 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!