Field Options
Field Icons
Formidable’s field action icons allow you to duplicate, delete, and move fields. The default text icons give you control over the default values in your fields.
Field action icons
These icons are found in the upper-right corner of each field on your form builder page and can be used to duplicate, delete, or move fields.
- Duplicate field: duplicate a field and its options (the duplicated field is added to the bottom of the form).
- Delete field: delete a field.
- Move field: re-order fields within your form.
Field type
Displays the current field type and allows you to switch the field to a different field type.
Required
Set a field to required so users must fill in the field before they can submit the form. By default, a required field is indicated with an asterisk (*). This can be changed to any other symbol or text. When the ‘Required’ box is checked, a new validation message box labeled ‘Required’ appears. If a user leaves a required field blank, the text in this ‘Validation’ → ‘Required’ box will be used to alert users that the field cannot be blank.
Field key
A field key can be used to reference a specific field. By default, the key will be a random combination of letters and numbers. You can change the key if you would like, but it must be unique. If it is not unique, Formidable will add a number to the end of it. The key can be used interchangeably with the field ID. Note: a field key may not work correctly if it starts with ‘if’.
CSS layout classes
Add CSS classes to a field. Use your own class or a Formidable layout class to customize your form layout. You can add multiple classes by inserting a space between each class.
Label position
Set the label position of a field to default, top, left, right, inline, none, hidden, or placeholder inside the field. Section headings also include an option to center the heading. The default label position is defined in your Formidable Styles → Field Labels settings.
The inline option puts the label on the same line as your field as long as the field is not too wide. If you set the label position to none, the label will not be displayed. If you set the label position to hidden, the label will not be displayed, but it will leave a space.
The option “Placeholder inside the field” will display the label as placeholder text inside the field until text is entered in the field, and then the label will be moved to Top. If you’d like to only have a placeholder and not have the label moved above the field when a user types, use these instructions instead.
Field size
Set the width of your field and the maximum number of characters that can be entered. In a Dropdown field, you can select ‘automatic width’, which sets the field size to the width of your longest option. You can change the default field size in your Formidable Styles → Field Labels settings.