Form Layout Concern

  • BigCoin
    Asked on August 13, 2016 at 2: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!

    Jotform Thread 905452 Screenshot
  • BJoanna
    Replied on August 13, 2016 at 5: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. 

    Form Layout Concern Image 1 Screenshot 20

    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.