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

  • AlexBFHS
    Asked on March 10, 2015 at 1: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

    Jotform Thread 530513 Screenshot
  • Carina
    Replied on March 10, 2015 at 3: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.   

     

  • AlexBFHS
    Replied on March 10, 2015 at 5: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.

  • David JotForm Support
    Replied on March 10, 2015 at 5: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.