how do I put two fields on the same line?

  • Profile Image
    Asked on February 12, 2015 at 11:12 AM
  • Profile Image
    Answered on February 12, 2015 at 01:47 PM

    Luckily, JotForm provides different functions to manipulate form field positions.

    First, we must learn how to shrink a field to allow it to be positioned next to another field. 

    Shrinking a Form Field: 

Click "Settings" or "Right Click" on a form field and click "Shrink.”

    Shrinking allows a form field to take up only the space it actually needs instead inhabiting a whole line. Look at Example 1 below:

    Example 1:


    Moving a Form Field in a New Line: Click "Properties" or "Right Click " a form field and click "Move to a new line" to get the form field to a new line.


    This moves a shrunken field to a new line and separates it from another shrunken field above it. Look at Example 2 below:

    Example 2:


    Merging a Form Field to a Line Above: Click "Properties" or "Right Click" a form field and click "Merge to above line" to move the  field to the line above.


    As the opposite of "Move to a new line,” this is used to keep two or more fields in the same line. Look at Example 3 below:


    That's about everything when it comes to positioning your fields for better design. Do not hesitate to ask more questions, we'll gladly help you.