How do I make my form 3 col?

  • Profile Image
    dannywilkinsltd
    Asked on February 28, 2017 at 03:17 AM
  • Profile Image
    liyam
    Answered on February 28, 2017 at 05:46 AM

    Hello dannywilkinsltd,

    You just need to have the form's width wide enough to contain 3 fields. Then you can shrink the two or more fields so that you can position them to sit next to one another.

    Simply go to the Properties and click Advanced

    And then scroll down and search for Shrink fields and switch it on, ensure that Move to a new line is switched off

    If you have questions, please let us know.

  • Profile Image
    dannywilkinsltd
    Answered on March 09, 2017 at 08:45 AM
    Great. How do you line columns up vertically so that they sit in line with
    the ones below? Or in other words, how do you make the fields the same
    width?
    ...
  • Profile Image
    dannywilkinsltd
    Answered on March 09, 2017 at 08:46 AM
    Great. How do you line columns up vertically so that they sit in line with
    the ones below? Or in other words, how do you make the fields the same
    width?
    ...
  • Profile Image
    John_Benson
    Answered on March 09, 2017 at 12:44 PM

    You need to increase the width of the form to have a space for the 3rd column. Please check this demo form: https://form.jotformpro.com/70691599427975

    1. Create a 3 Short Text Entry and shrink them all as shown in the guide given by my colleague.

    2. Open the Form Designer that is located below the Account User icon.

    3. Go to the Styles tab, and edit the Form Width to 800px or more. Click the Save button when you're done. 

    We can also provide you custom CSS code to make the width of the fields the same.

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