Creating Forms
The usage steps in this article are based on our internal builder implementation. Your application configuration may be different.
Designing a Form
When you design a page with the builder, you can add forms to it. Drag & drop the Form content block to the builder stage. In the sidebar, you'll first see some formatting options:
- Width
- Alignment
- Font Family
- Font Weight
- Font Size
Below you'll see several sections you can use to customize form elements:
- Manage fields
- Label options
- Field options
- Button options
These options are all specific to the form content block. Let's take a closer look at the options found for each element.
Manage Fields
The Manage fields option allows you to select different types of fields for your form. You can also adjust the positions of your fields. You can use up to ten form fields. The following types of fields are currently available:
- Multiple choice
- Date
- Email*
- Number
- Single choice
- Dropdown
- Phone
- Text
- Long text
- URL
*At least one email field is required on your form.
You'll also see a form field for the submission button. Here you can customize the text that appears on your submit button. This form field is required and cannot be removed.
When you edit a field, it is possible to modify the label name, or you can mark it as a required or read-only field. Depending on the form field option you select, you may find different options in the Edit field modal.
You can also use the Edit field modal to change the form field type.
Label Options
The Label Options section correlates to the labels you set in the Manage fields section. Labels are the text associated with each individual field in your form. Here you can apply text formatting to your form labels.
The various text formatting options are pictured below. Here you can also modify the label position or the width. Label width is available only when you choose the 'Side' in the label position.
Field Options
Field Options allow you to customize the fields end users will interact with. This enables you to customize the background color and the border of the form field. You can also set a special border color that only populates for a selected form field. You can also customize the color of the text input.
Button Options
The Button field allows you to customize your submit button. Here you will find all the same formatting options that you see when using a button content block.
Comments
0 comments
Please sign in to leave a comment.