Skip to main content

Numeric Slider

Overview

Use the Numeric Slider to display numeric fields that are controlled by dragging a slider to determine the numeric input. Configure its properties to control calculation, validation, presentation, and style.

Add Numeric Slider to Your Form

Drag Numeric Slider to Form

Drag the Numeric Slider component from the Individual Items section of the Component Selector to add a numeric input field to your form. The field appears on your form canvas, ready for configuration.

Position Numeric Slider in Form

To position the Numeric Slider field accurately within your form, observe the green indicators that appear during the drag operation. A green outline around the entire form or a section signifies the field will be appended as the last item. A green border appearing between or at the end of an existing components indicates the precise location where the field will be inserted.

Configure Numeric Slider Properties

Set Numeric Slider Display Type

The type on the Slider can be changed so it becomes an integer input field. This can be changed back if necessary.

Set Numeric Slider Settings

Improve ease of use for large numbers by increasing the step of the numeric slider and control the maximum and minimum from the Control Properties. Use the Preview to view the numeric slider as it would appear on the form.

While selecting the number on the form the user will see a preview of the number they are selecting.