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

    Is there a way of placing 2 columns on my form?

    Asked by jabedoya60 on July 26, 2017 at 07:03 PM

    Hi, we need help, this form is long and we do not want to separate into different sections, the problem we are having is that there is a lot of wasted space and it makes the form very long, there are plenty of spaces where 2 fields can go side by side, please take a look at the form, is there a way of placing 2 columns? Or anything so the fields are more neatly arranged?

    https://www.jotform.com/build/72057545584160

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Kiran on July 27, 2017 at 12:00 AM

    You may position the fields in two columns by following the guide below:

    https://www.jotform.com/help/90-Field-Positioning

    Also, you may enable the Form Columns option in the Advanced form designer after shrinking the fields.

    Please check the guide below for more help.

    https://www.jotform.com/help/423-Setting-up-Form-Columns

    Thanks!

  • Profile Image

    Answered by jabedoya60 on July 27, 2017 at 09:03 PM

    Hi, the form looks better thank you, still I placed 2 columns and they do not lined up at all in some rows, please take a look at my screenshot.

    Also, how can I make the header title and subtitle white?

    Thank you very much.

  • Profile Image
    JotForm Support

    Answered by Kiran on July 27, 2017 at 10:57 PM

    Please try moving the first field on the row to the next line to display only two fields in the row. For example, the Birth Date field on the screenshot provided is in the same line of Student's Name and Gender fields. You may move the Birth Date field to the next line from the field properties.

    Also, you may be required to align the field label to Top to display them correctly when they are shrunk if they are displaying to the left.

    Also, how can I make the header title and subtitle white?

    You may inject the following CSS code the form to display the header in white color.

    .form-header-group .form-header, .form-subHeader  {

        color: #ffffff;

    }

    Hope this information helps!