How to display fields in two columns?

  • niconi
    Asked on July 7, 2016 at 6:03 AM

    You mentionned to me earlier to shrink field to have 2 columns.

    I did it but I have a problem on "fiiting each line" to have it on the same line

     

    Nicolas

    Jotform Thread 877352 Screenshot
    Page URL: https://form.jotformeu.com/61882743763365
  • Kevin Support Team Lead
    Replied on July 7, 2016 at 10:16 AM

    I cloned your form and I can see it is displaying fine; however, you can also customize and display fields in your form inline by injecting this CSS code: 

    .form-line:not( [data-type="control_button"] ){

        width: 48%;

        display: inline-block;

    }

    This will affect fields in the form only, but submit button.

    Follow the steps on this guide to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Here is my sample form: https://form.jotform.com/61884521317962 

    You may also clone it and see the changes: How-to-clone-an-existing-form-from-a-URL

    Hope this helps.