Form Layout Concern

  • Profile Image
    BigCoin
    Asked on August 13, 2016 at 02:42 AM

    Hi, can you please help how I can make the options just in 1 line instead of like in wrap box?

     

    Thank you!

  • Profile Image
    BJoanna
    Answered on August 13, 2016 at 05:24 AM

    To display check box options inside of you form in one line, add this CSS code to your form:

    .form-checkbox-item {

        max-width : 300px!important;

    }

    .form-single-column .form-checkbox-item, .form-single-column .form-radio-item {

        width: 300px!important;

    }

    How to Inject Custom CSS Codes 

    After you add mentioned CSS code, your form will look like this. 

    Here is my cloned form, where I added mentioned CSS code: https://form.jotform.com/62251897242964 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.