What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to display fields in two columns?

    Asked by niconi on July 07, 2016 at 06: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

    Page URL:
    https://form.jotformeu.com/61882743763365

    Screenshot
    management problem shrink same line same
  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 07, 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.