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

    Can you not create multi column forms?

    Asked by CreationsMoody on February 17, 2014 at 11:43 AM

    I would like to shorten my form by making the form a dual column layout if that is at all possible? I would like to have the labels above the input areas to save space as well. Thanks.

    create layout thanks all
  • Profile Image

    Answered by Carina on February 17, 2014 at 12:39 PM

    Yes it is possible to have more than one column.

    Depending on the amount of columns and the size of the fields, perhaps you need to adjust the form width:

    Then select the fields and click "shrink":

    Usually they will automatically align in the same line, but if it doesn't happen, just drag and drop them. If having troubles with this perhaps you need to increase the width.

    Let us know please if you need more assistance.

     

  • Profile Image

    Answered by pinoytech on February 17, 2014 at 12:50 PM

    Can you please take a look at this clone form in addition to my colleague's response if this is what you want to achieve?

    http://www.jotformpro.com/form/40475217640956

    If yes, please follow this simple steps:

    1. Change Label Alignment of your fields to Top.

    2. Shrink the fields.

    3. Inject this custom css into your form.

    .form-line.form-line-column {

    width: 190px !important;

    }

    .form-line {

    padding-top: 0px !important;

    padding-bottom: 5px !important;

    }

    .form-label-top {

    font-weight: bolder;

    }

    Feel free to contact us again if you need further assistance.