Single Line Feature in the Form Builder

The single-line feature is designed to make forms more user-friendly, leading to a higher completion rate and cleaner data. In this article, we’ll walk you through how to set up single-line forms, customize their appearance, and make the most of this functionality.

Navigating to the Form Builder

To get started with single-line forms, you first need to access the Form Builder. Here’s how you can do that:

1. Go to the Form Section:
   • Go to sites on the left and then Click on Forms > Builder at the top.
   • Choose an existing form or create a new one by clicking the Add Form button in the top right corner.

1. Access Form Settings:
   • Select the form you want to edit.
   • Click on a field (e.g., First Name, Last Name) to open the customization options.

Customizing Form Fields with Single Line Option

The single-line feature allows you to place multiple fields in a horizontal line, making your forms more compact and easier to complete. Here’s how to use it:

1. Select Form Layout:
   • Click on the Styles and Options button.
   • A new window will pop up where you can choose your form type. You can select between a Single Column, Two Columns, and a Single Line.

1. Apply the Single Line Layout:
   • Click on Single Line to arrange your fields in a horizontal line. This layout is ideal for forms with a few fields that need to be displayed together.
2. Adjust Field Sizes:
   • Scroll down to the Field Style section.
   • Customize the background color, font color, border color, and type. You can choose from solid, dotted, dashed, or none for the border type.
   • Adjust the width of the fields to fit your design needs. For example, set the width to 300px for a narrower appearance or 500px for a broader look.

1. Advanced Design Options:
   • Add padding to the top, bottom, left, and right of the fields.
   • Include shadows and choose colors to match your brand’s aesthetic.
   • Customize the font size, family, and color of the label and placeholder text.
   • Upload a background image or header image to further personalize the form.

NOTE:

When using the single-line form option, keep in mind the following:

• Field Limitations: You can only add up to five different fields in a single line. This helps keep the form manageable and user-friendly.
• Design Flexibility: Take advantage of the advanced design options to create a form that aligns with your brand and enhances user experience.

FAQs

1. Can I add more than five fields in a single line?
No, the single-line layout supports a maximum of five fields to maintain a clean and user-friendly form. This helps avoid clutter and ensures ease of use.

2. How do I adjust the width of individual fields in the single-line layout?
To adjust the width, navigate to the Field Style section in the form settings. You can customize the width of each field to your design needs, such as setting it to 300px for narrower fields or 500px for wider fields.

3. Can I use the single-line layout for all types of forms?
The single-line layout works best for forms with only a few fields that need to be displayed together. It’s ideal for compact forms, but for longer forms with more fields, a column-based layout might be more effective.

4. Are there any design options to customize the appearance of single-line forms?
Yes, you can customize the background color, font color, border type, padding, shadows, and even upload images to match your brand. These advanced design options allow you to tailor the form to your aesthetic preferences.