How do I make my form 3 col?

  • dannywilkinsltd
    Asked on February 28, 2017 at 3:17 AM
  • liyam
    Replied on February 28, 2017 at 5: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

    How do I make my form 3 col? Image 1 Screenshot 30

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

    How do I make my form 3 col? Image 2 Screenshot 41

    If you have questions, please let us know.

  • dannywilkinsltd
    Replied on March 9, 2017 at 8: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?
    ...
  • dannywilkinsltd
    Replied on March 9, 2017 at 8: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?
    ...
  • John_Benson
    Replied on March 9, 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.

    How do I make my form 3 col? Image 1 Screenshot 40

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

    How do I make my form 3 col? Image 2 Screenshot 51

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

    How do I make my form 3 col? Image 3 Screenshot 62

    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.