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

    I wish the "other" option of the checkbox to appear in the same line as the other options

    Asked by JGNelson on March 10, 2015 at 01:52 PM

    I am creating a question with checkboxes as responses. When I add an "other" choice, it always seem to appear on its own line. Is there a way to force it onto the line above it (when there is space). Here's an example: http://form.jotform.ca/form/50684875511259

    Page URL:
    http://form.jotform.ca/form/50684875511259

    Screenshot
    checkbox choices same line same
  • Profile Image

    Answered by Carina on March 10, 2015 at 03:52 PM

    Please add this css code:

    #cid_17 div.form-multiple-column {

        -webkit-column-count : 3;

        /* Chrome, Safari, Opera */

        -moz-column-count : 3;

        /* Firefox */

        column-count : 3;

    }

    .form-multiple-column .form-checkbox-item {

           padding-bottom : 5px !important; 

    }

    You can clone or test the demo form:

    http://form.jotformpro.com/form/50686011837961? 

    Let us know if we can assist you further.   

     

  • Profile Image

    Answered by JGNelson on March 10, 2015 at 05:10 PM

    Do I add the code at the beginning of the Inject Custom CSS section of Preferences? I tried that and it didn't seem to do anything. I can see it on the demo form & it looks exactly like I want it but I'd like to understand how to do this on multiple forms. Thanks.

  • Profile Image
    JotForm Support

    Answered by david on March 10, 2015 at 05:53 PM

    Hi,

    Here is our quick guide on how to inject CSS to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Usually it is best to add new code to the end of you current code if you have any present.  In the case of your form, insert the extra code after this line section:

    82);}#label_54{color:rgb(61, 72, 82);}

    You can also separate the code out to its own line by pressing shift+enter for a new line.

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