Slider

Updated 02.11.2026

A slider is a form field for choosing a number from a set range. The person moves the handle instead of typing digits. In a calculator it usually sets an area, a term or a quantity.

In some cases, it is convenient for the client to select a number by simply pulling the slider from the provided range. To add the "Slider" element to the form, you need to click on the selected item or drag it to the right, then you will see the added element on the right:

Adding a Slider field

After you have added the "Slider" element, click on the "Edit" icon and a pop-up window for editing this element will open in front of you:

Edit icon for the Slider field

In the editing mode, fields are available for the "Slider" element, where you can set the minimum value, the maximum value, the step when the slider moves, and you can also set the "Default value", which will initially be selected in the "Slider" element:

Minimum, maximum, step and default value

Slider settings

To view an already configured form, click on the "View" icon and the form will open in a new tab in your browser:

Preview of a form with a slider

The value and description of other fields, you can see here: The main parameters of the elements.

Main parameters of the Slider field

In the "Appearance" section, you can adjust the background color of the active part of the slider and the background color of the general slider scale: background color 1, background color 2. As well as font colors:

Slider colors in Appearance

Example of a configured slider

After you have added the "Slider" element, click on the "Edit" icon and a pop-up window for editing this element will open in front of you:

Edit icon for the Slider field

In the editing mode, fields are available for the "Slider" element, where you can set the minimum value, the maximum value, the step when the slider moves, and you can also set the "Default value", which will initially be selected in the "Slider" element:

Minimum, maximum, step and default value

Slider settings

To view an already configured form, click on the "View" icon and the form will open in a new tab in your browser:

Preview of a form with a slider

The value and description of other fields, you can see here: The main parameters of the elements.

Main parameters of the Slider field

In the "Appearance" section, you can adjust the background color of the active part of the slider and the background color of the general slider scale: background color 1, background color 2. As well as font colors:

Slider colors in Appearance

Example of a configured slider

What is a slider?

A form field for choosing a number by moving the handle.

How is a slider different from the Number field?

In the Number field the person types the value. A slider limits the choice with a minimum, a maximum and a step.

Don't have time to build it yourself?

FormDesigner's specialists can design, build, and configure your form, quiz, or calculator from scratch. Let us handle the complexity while you focus on your business.

Talk to a specialist
Our specialists