As basic fields, you can use short text fields, long text fields, number fields, dropdown lists, single choice fields, multiple choice fields, headings, and HTML blocks. Thanks to the awesome drag and drop editor, any field can be added to your form as easy as 1-2-3. Drag fields from the panel on the left to your main view, to the place where you want them to be. You can reposition fields afterward. You can also add fields by just clicking on them in the left panel.
Each element comes with an Edit option that lets you control its appearance and behavior.
In this article, we’ll cover all the basic fields available.
- Type in the Label of the field, the title you want your users to see.
- Set the label’s Visibility (shown, hidden, inside the field, removed).
- When you edit the Label you can also choose the title’s style: normal, bold, or italic.
- Check the Required box if the field must not be left blank (a red asterisk will indicate that the field is required).
- Click on Hide field if you don’t need a certain field to be displayed on the form.
- Add field Instructions if you want to provide additional information regarding the text box; instructions will appear right below the field label.
- Default Value. Specifies the default value of the text field (e.g John Doe).
- Input fields can show a Unique ID. That ID is automatically generated when the form’s page is refreshed.
- Match another field value. Match two input fields to force the user to type the same value in both.
- You can choose to make an input field Read-Only.
- On choice fields, you can set to Accept other values instead of the pre-established choices. Once clicked, it will open an input field.
- Limit the number of times a choice can be selected. Once the limit is reached, that particular option will appear grayed out.
- Choice fields can be used for Quiz forms.
Short Text Field
A short text field allows users to enter any characters. This type of field can be used for collecting simple text inputs.
- From Field validation, choose the input type you will accept for this field: for example, alpha numeric (letters and numbers), alpha numeric space (letters, numbers and space tab), full name, and regular expression.
- Set the length of the answer with the Min and Max no. of characters options.
Long Text Field
Long text fields are similar to Short text fields, the difference being that they allow for more text input. For example, you may use long text fields for comments or suggestions.
- Set the minimum and a maximum number of words allowed.
- Increase the height in rows.
- The user can manually increase the long text typing area by dragging its bottom-right corner.
The dropdown field provides a list of several options from which your visitor will have to select one.
- Type in the Choices box the options your visitors can choose from (one per line).
- You can make the dropdown searchable for your form user.
- Click on Import to see all your choices.
- You can also preselect a value in the Default choice section.
- Quick tip: if you want to leave the first line blank, type in *Please Select* – this way, no choice will show until your visitor opens the dropdown list.
- show how many times each option can be selected on the form with the help of the Limit choices option.
- Randomize your choices.
Single Choice Field
The single choice field allows users to choose only one item from a list of options.
- In the Layout section, choose whether your single choice field will show on one, two, or three columns. The choices can also be displayed inline.
- Tick Clearable to allow your visitors to deselect the option they have chosen.
- Import lists of days of the week and months of the year by clicking on the Import option.
- Limit the number of times a choice can be checked. The limitation can be Reset every day and you can also Show no. of choices left.
Multiple Choice Field
The multiple choice field allows users to choose any number of items from a list of options.
- You can set the minimum and the maximum number of choices that can be selected.
- Enable the Group answers option to receive the actual choice text instead of the Yes and No indicators.
If you want to mark a new section or subsection in your form you can do this by using headings.
- Replace the text in the Label box with your desired heading and choose its style: bold, normal, or italic.
- Change the font size (h1, h2, h3, h4, label size, instructions size).
- Name your heading field to better identify it while using field rules.
HTML Block Field
HTML blocks may be used for inserting customized text sections, links, images, and tables.
- Click on the Edit text link to open the customization lightbox.
- Add custom HTML code on the form by clicking the source code icon.
- Type in text and use the following customization options: font type and size, font style (bold, italic, underlined), foreground and background color, text alignment (left, right, center, justified).
- When inserting tables, specify the number of rows and columns, the table width, padding and background color, the border size, style and color, and the type of alignment; then, insert text or images into the table cells.
- When inserting an image, paste its URL in the customization box or upload it from your device, type in an image description (the text that will show if the image is unavailable at a certain moment), then adjust the image dimensions (width and height); finally, press Ok.
- When inserting hyperlinks, paste the URL and choose a target (New window to open the link in a new tab, None to open the link on the same page).