How to display form fields in a 3 column layout

  • Gayav
    Asked on September 1, 2016 at 9: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)
  • Boris
    Replied on September 1, 2016 at 9:51 AM

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

    How to display form fields in a 3 column layout Image 1 Screenshot 30

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

    How to display form fields in a 3 column layout Image 2 Screenshot 41

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

  • Gayav
    Replied on September 1, 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
    ...
  • David JotForm Support Manager
    Replied on September 1, 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.