Range Field Element

Last Update: October 29, 2025

The Avada Range Field Element provides a slider input for selecting a numeric value within a defined range, offering a more interactive alternative to typing numbers. You can set minimum and maximum values, step intervals, and default positions to guide user input.

Watch the video below for a visual overview, and read on to see the complete list of options.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Avada Range Field Element

The Avada Range Field Element allows you to place a range field slider into your forms. To start, add the Element to your desired Column in an Avada Form Layout.

Configure the Element to your requirements. The main options are the minimum and maximum values to create the range, and then a step value. Read below for a description of all element options.

Element Options

Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).

You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.

General

HeadingDescription
Field LabelEnter the label for the input field. This is how users will identify individual fields.
Field NameEnter the field name. Please use only lowercase alphanumeric characters, dashes, and underscores.
Required FieldMake a selection to ensure that this field is completed before allowing the user to submit the form.
OrientationRange input field orientation
Tooltip TextThe text to display as tooltip hint for the input.
Range Min ValueMinimum allowed value for range input type.
Range Max ValueMaximum allowed value for range input type.
Range Step ValueIncremental Value for range input type.
Default ValueSet default value for range input type.
Tab IndexTab index for the form field.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.

In this article