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

  • Profile Image
    JGNelson
    Asked 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

  • Profile Image
    Carina
    Answered 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
    JGNelson
    Answered 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
    david
    Answered 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.