Select Page

Formidable dropdown field Cheat sheet

Learn all about Formidable Forms dropdown field in this Cheat sheet.

Field Type – Dropdown
This dropdown field requires a value. If no value provided, there will be a validation error message (customizable). The default “required field indicator” is * (customizable).
This is a read-only dropdown. User can’t select any options. However, an option can be set indirectly using “Default Value” in field settings or programmatically.
Any of the options can be selected as the default option
When there is no default option selected, dropdown auto-selects the first option by default. Usually, the first option is an empty option, so we don’t really see it. But if the first option is a non-empty option, we can see it in action.
Placeholder is used to add message/instruction to a dropdown. When the first option is an empty option, placeholder text replaces its label. However, its value is still empty. That means, when the user saves the form without making a selection, the dropdown value will be stored as empty. Since placeholder value is empty, it will fail “required” validation.
When the first option is not an empty option, placeholder text is added as the new first option pushing existing options below. This field looks exactly the same as the previous one but the difference is previous dropdown has 4 options “” (empty), “Apple”, “Orange” and “Banana” while this dropdown has only 3 options “Apple”, “Orange” and “Banana”. The first option was added by placeholder text.
Label position “Placeholder inside the field” is another way of adding placeholder where field label becomes the placeholder. It also replaces the empty option label.
When “Automatic width” enabled, dropdown size is automatically adjusted to the size of its option labels.
Autocompletes is useful when there is a large number of options in a dropdown field where searching for an option is faster than scrolling the list.
The “Other” option allows the users to provide an option which is not listed in a dropdown. Upon selecting the “Other” option, a text field shows up where the user can type the new option.
The “Other” option can be the default option. The value set in “Default Value” settings will become the default value of the “Other” option
The multi-select dropdown allows the user to select more than one options.
In this dropdown, “Apple” and “Banana” are selected as default options.

Formidable number field Cheat sheet

Learn all about Formidable Forms number field in this Cheat sheet.

Field Type – Number
This number field requires a value. If no value provided, there will be a validation error message (customizable). The default “required field indicator” is * (customizable).
This is a read-only number field. User can’t type any values here. However, a value can be set indirectly using “Default Value” in field settings or programmatically.
This field only allows a number between 10 and 20
This field only allows odd numbers.
For odd numbers, set step size to 2 and starting value to 1
For even numbers, set step size to 2 and starting value to 0
This number field’s value increases by one for each new entry. The start value (for the first entry) can be customized. For more details, Click here
This field shows a value between 0 and 100. For details, click here
This field always shows 2 decimals. If you type more than 2 decimals, it will round it off
By combining step size, number range and default value, allowed values can be further restricted.
For example, this number field allows a value between 0 and 1 in 0.1 increment
$
This requires “Bootstrap” add-on
%
This requires “Bootstrap” add-on

Calculated field

Change the price to see GST and Total price calculations
You may not believe but this is a number field and its value will be saved in Formidable entries. It looks like a label due to “frm_total” CSS. This is very useful for read-only fields like this one.