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 form fields in a 3 column layout

    Asked by Gayav on September 01, 2016 at 09:24 AM
    #4. I'm using 3 columns to this webform.I couldn't align some of the text boxes which are combined with signature widget and matrix widget.Could you please align all the Fields into 3 columns (except line checklist widget)
  • Profile Image
    JotForm Support

    Answered by Boris on September 01, 2016 at 09:51 AM

    You can make your form fields display in multiple columns by opening up the Designer, and enabling multiple columns option:

    This will apply on all form fields that have been shrunken, by using the Shrink option of the field:

    If you need further assistance after that, please let us know. Thank you.

  • Profile Image

    Answered by Gayav on September 01, 2016 at 10:46 AM
    Hi Boris,
    Thank you very much for your prompt support,really
    appreciate that.I have already managed to set the 3 columns to the
    webform.when I check the webform after configuring it,some text boxes which
    are closer to address field and line checklist widget have misaligned.
    Please check the first 3 -5 pages in this form and kindly help me to fix
    all the fields aligned by 3 columns (please update the adjustments in my
    form itself)
    I really appreciate your help.
    Many Thanks
    https://form.jotform.co/61232028389859
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 01, 2016 at 12:39 PM

    I have injected the following code to align the fields properly: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #id_6,#id_7,#id_27,#id_128,#id_130{

        margin-left: -18px !important;

    }

    #id_52{

        margin-left: 18px !important;

    }

    #id_255 {

        margin-left: 250px !important;

    }

    You may check your form, let us know if you need more help.