How to Add and Set Up Form Separators Widget on Your Form

Jotform makes it easy to organize your forms with the Form Separators widget. This widget lets you add visual dividers between different sections of your form, making it cleaner and easier to navigate. Whether you’re breaking up long forms into manageable parts or just adding structure, separators help improve the user experience.

Here are a few ways to use it:

• Break long application forms into sections.
• Separate personal information fields from payment or agreement sections.
• Organize surveys by topic for easier readability.
• And more!

Whether you’re building a new form or editing an existing one, you can add and configure the Form Separators widget in just a few steps. This is how it’s done:

1. In Form Builder, click on Add Element on the left side of the page.

2. Now, in the Form Elements menu, under the Widgets tab, search for Form Separators and click on it. Or, just drag and drop it to where you want it to be on your form.

3. Next, in the Widget Settings menu that opens on the right side of the page, under the General tab, you’ll see this list of settings you can configure:
   • Line Style — Choose between solid, dashed, or dotted lines.
   • Line Color — Customize the line color using hex values to make it stand out.
   • Line Height — Set the thickness of the line in pixels.
   • Horizontal Space — Adjust the left and right spacing of the line in pixels.

4. Then, scroll down to the bottom and continue to set up these settings:
   • Space Above the Line — Add spacing above the line in pixels.
   • Space Below the Line — Add spacing below the line in pixels.
   • Dynamic Width — Enable this to automatically adjust the separator width to match the form width.
5. Then, click on Update, and you’re all set.

That’s it. You’ve successfully added and set up the Form Separators widget on your form. You can explore how it looks with this demo form.