{"id":36016,"date":"2019-11-21T09:18:30","date_gmt":"2019-11-21T09:18:30","guid":{"rendered":"https:\/\/www.123formbuilder.com\/docs\/?p=36016"},"modified":"2024-10-31T12:00:07","modified_gmt":"2024-10-31T12:00:07","slug":"add-a-dividerseparator-on-the-form","status":"publish","type":"post","link":"https:\/\/www.123formbuilder.com\/docs\/add-a-dividerseparator-on-the-form\/","title":{"rendered":"Add a divider\/separator on the form"},"content":{"rendered":"\n

One way to make your form more user-friendly is to divide the form into several sections, giving it more structure and making it easier for respondents to fill in.<\/p>\n\n\n\n

\n\n\n\n

Divider field<\/h2>\n\n\n\n

The easiest way to add a divider\/separator to your form is to search for the Divider field<\/b>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Divider<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Once added to the form, on the right side panel you will see all the settings you can apply to it. You can change the color, and style (continuous line or dotted line), choose the thickness, and select the padding that suits your form.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Divider<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

HTML block field<\/h2>\n\n\n\n

Before we created the Divider field<\/b>, the old way of adding a divider\/separator was by using the HTML block field<\/b>.<\/p>\n\n\n\n

With this method, once you add the HTML block field<\/b> to your form, go to HTML CONTENT<\/b> on the right-side panel and select Edit text.<\/b><\/p>\n\n\n\n

<\/p>\n\n\n\n

\"HTML<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

You can remove or replace the default text. By clicking the + sign, you will find several options. Select Horizontal line<\/b> to add a separator under the text in your HTML block.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Horizontal<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

Click the Save<\/b> button and there you go, you\u2019ve just created a section in your form! <\/p>\n\n\n\n

<\/p>\n\n\n\n

\"Horizontal<\/a><\/figure>\n\n\n\n

<\/p>\n\n\n\n

For more complex forms, take a few moments to analyze the structure of the form. Headings should be short and on point. Improve readability and comprehension by using white space in your form’s design.<\/p>\n\n\n\n

Form users will identify the main points of each section more easily and focus on the key concepts of the form.<\/p>\n\n\n\n

If you need to collect a considerable amount of data from your form visitors, you might also consider creating a multi-page form<\/a>.<\/p>\n\n\n\n

<\/p>\n\n\n\n

\n\n\n\n

Related articles<\/b><\/p>\n\n\n\n