To get started with single line forms, you first need to access the Form Builder. Here’s how you can do that:
Go to the Form Section:
Go to sites and then Click on Forms on the left sidebar.
Choose an existing form or create a new one by clicking the Add Form button in the top right corner.
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.
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:
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 Single Column, Two Column, and Single Line.
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.
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.
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.
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.
