Select Page

Formidable URL field Cheat sheet

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

Field Type – URL
This URL 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 URL field. User can’t choose any options here. However, options can be set indirectly using “Default Value” in field settings or programmatically.
Use [siteurl] shortcode to get the URL of the site.
Use [siteurl][server param=”REQUEST_URI”] shortcodes to get current page
Use [server param=”HTTP_REFERER”] shortcode to get referrer paege.

Formidable email field Cheat sheet

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

Field Type – Email
This email 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 checkbox. User can’t choose any options here. However, options can be set indirectly using “Default Value” in field settings or programmatically.
When emails are not matched, there will be an error message displayed (customizable)
An email address can be specified in the “Default Value” settings. In order to display logged in user’s email address, use [email] shortcode
@example.com
This is not a Formidable email field. Instead, it is textbox field with the domain name set as an appended value (requires “Bootstrap Forms add-on”).

Formidable date field Cheat sheet

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

Field Type – Date
This date 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 date field. User can’t choose any options here. However, options can be set indirectly using “Default Value” in field settings or programmatically.
Here date field’s default value is set to a specific date (2020-01-01)
The current date can be set with [date] shortcode. An offset can be used to set a date relative to current date.
e.g. [date offset=’+2 weeks’]
e.g. [date offset=’-1 month’]
e.g. [date offset=’+1 year 3 weeks’]
e.g. [date offset=’Next Monday’]
e.g. [date offset=’Last Friday’]
e.g. [date offset=’First day of this month’]
e.g. [date offset=’Last day of next month’]
This date field only allows selecting Mon, Tue, and Wed. This requires the “Datepicker Options” add-on.
This date field doesn’t allow to select “2019-09-24” and “2019-09-25”. This requires the “Datepicker Options” add-on.
This date field allows selecting a date in the current year and next 3 years.
This date field allows a date between today and 30 days from today. This requires the “Datepicker Options” add-on.
There are multiple ways of setting a min and a max of the date range allowed. They are
  • A specific date. e.g. 2020-01-01. As of writing this, this can’t be dynamically set using a shortcode such as [date offset=’+2 weeks’]
  • Current date with an optional offset. Offset only supports +/- n days/weeks/months/years format. Other formats like “Next Monday”, “First day of this month” are not supported as of writing this.
  • A date from another date field with an optional offset (Refer the example below). Offset only supports +/- n days/weeks/months/years format. Other formats like “Next Monday”, “First day of this month” are not supported as of writing this.
Following example shows how a date field’s date range can be controlled from another date field.

The “travel start date” allows selecting today or a future date. The “travel end date” allows selecting a date from the next day of travel start date until a month from the travel start date.
This requires custom coding with frm_date_field_options hook.

Formidable radio button field Cheat sheet

Learn all about Formidable Forms radio button field in this Cheat sheet.

Field Type – Radio button
Simple Radio Buttons
Required Radio Buttons *
This radio buttons requires a value. If no value provided, there will be a validation error message (customizable). The default “required field indicator” is * (customizable).
Read-only Radio Buttons
This is a read-only radio button. User can’t choose any options here. However, options can be set indirectly using “Default Value” in field settings or programmatically.
Radio Buttons with “Other” option
The “Other” option allows the users to provide an option which is not listed in a radio button. Upon selecting the “Other” option, a text field shows up where the user can type the new option.
Radio Buttons with two columns layout
Formidable supports One column (default), Two columns, Three columns, Four columns, and Inline Options.
Radio Buttons with “Inline Options” layout
Radio Buttons with default option
Radio Buttons with default “Other” option
Radio Buttons with scroll box
The scroll box is useful when there are many options in the radio button. Use “frm_scroll_box” class in the “CSS Layout Classes” settings to enable scroll box.

Formidable checkbox field Cheat sheet

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

Field Type – Checkbox
Simple Checkboxes
Required Checkboxes *
This checkbox requires a value. If no value provided, there will be a validation error message (customizable). The default “required field indicator” is * (customizable).
Read-only Checkboxes
This is a read-only checkbox. User can’t choose any options here. However, options can be set indirectly using “Default Value” in field settings or programmatically.
Checkboxes with “Other” option
The “Other” option allows the users to provide an option which is not listed in a checkbox. Upon selecting the “Other” option, a text field shows up where the user can type the new option.
Checkboxes with limited selection
This checkbox allows a maximum of 2 options
Checkboxes with two columns layout
Formidable supports One column (default), Two columns, Three columns, Four columns, and Inline Options.
Checkboxes with “Inline Options” layout
Checkboxes with default options
Checkboxes with default “Other” option
Note: When “Other” option is set as the default value, another option can’t be selected
Checkboxes with scroll box
The scroll box is useful when there are many options in the checkbox. Use “frm_scroll_box” class in the “CSS Layout Classes” settings to enable scroll box.
This is checkbox field label *
This is used to request the user to confirm something before submitting the form. E.g. Accepting terms and conditions during registration.
Enabling “Use separate values” is recommended since the single option label could be large and styled. A separate value like “yes” will avoid storing the option label in the entry.
Checkbox field with inline field label and single no label option and separate value
This is another way of implementing confirmation checkbox except checkbox comes after the text. Since the option label is empty, the separate value must be set, otherwise, it will be auto-selected.

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.