The WordPress range slider field allows users to drag a handle to select a number from a defined range of numbers. The slider fields always have a value, so it isn't empty. i.e. even 0 is considered a non-empty value.
Standard field options
The range slider field has the following standard options:
- Field Type
- Field Key
- CSS Layout Classes
- Label position
- Conditional logic
- Dynamic default value
In addition to the standard field options, a number slider field has a few field-specific options.
Number Slider Range
Set the number range for your slider field. A minimum number of 0, maximum number of 100 and step number of 1 is set by default.
Format number as currency
Select this checkbox to display the number value on the slider as a currency. It will use the currency format configured in the Formidable → Global Settings by default.
Use custom currency format
Select this checkbox to use a custom currency format. By default, the currency format adds two decimal places to the number value with the currency symbol. This option allows setting a custom thousand separator, decimal separator, decimal places, or a preferred symbol.
Before & After Input
Use this field option to include a unit beside the number selected in the slider.
For example, add 'Years' for the After Input setting, and you will see '20 Years' beneath the slider when 20 is selected. When one of these options is set, the minimum and maximum values for the entered range will show beneath the range slider.
Some range slider styling is available in Formidable → Styles → Edit Styles → Slider Fields.
To learn more about styling your form, see the visual form styler page.
Display Number Slider field
You can display the range slider field value in a form's confirmation message, email, or View.
- Display value: Display the value submitted in a slider field.
Replace x with the ID or key of the slider field.