How to place fields side by side?

  • Dublin_Catherine
    Asked on May 12, 2025 at 11:31 AM

    I would like to add single choice elements next to the original section, to the right side of the page.

    How to place fields side by side? Image 1 Screenshot 20

  • Podo: Support AI Agent
    Replied on May 12, 2025 at 11:32 AM

    Hi Catherine Dublin,

    Thanks for reaching out to Jotform Support. I'm an AI assistant. I'll do my best to help you until someone from the support team is available.

    To add single choice elements next to the original section on the right side of the page, you can use the form layout options or the form designer to adjust the positioning. Here’s how to do it:

    1. Go to your form in the Form Builder.
    2. Use the "Columns" feature or drag and drop the single choice element next to the original section.
    3. Adjust the width and alignment to position it on the right side.

    This will allow you to place the single choice elements side by side with the original section.

    Give it a try and let us know how it goes.

  • Dublin_Catherine
    Replied on May 12, 2025 at 11:38 AM

    Where is the columns feature


  • Podo: Support AI Agent
    Replied on May 12, 2025 at 11:39 AM

    Hi Catherine Dublin,

    The Columns feature is available under the Layout section in the Form Builder. To use it:

    1. Open your form in Form Builder.
    2. Click on the single choice element you want to move.
    3. Drag it next to the original section until you see a vertical blue line indicating a new column.

    You can also adjust the width of each column by dragging the edges. This will place the elements side by side.

  • Raymond JotForm Support
    Replied on May 12, 2025 at 9:25 PM

    Hi Catherine,

    Thanks for reaching out to Jotform Support. It's possible to place columns side by side by shrinking them. Let me show you how:

    1. In Form Builder, right-click on one of your fields and click on the Shrink option.
    2. Repeat the same for the field next to it.
      How to place fields side by side? Image 1 Screenshot 30

    By default, columns are by pairs, but we can increase it through the Advance Designer tool. Let me show you how:

    1. In Form Builder, click on the Paint Roller icon on the right, and click on the Advanced Designer button.
    2. In Advanced Designer, expand the Form Layout section on the right, and Enable the Form Columns.
    3. Increase the column as needed, and click on the Save icon on the right.
      How to place fields side by side? Image 2 Screenshot 41

    We also have a guide on How to Access and Use Advanced Designer that you can check out.

    Reach out again if you need any help.