Slider
The Slider lets visitors pick a value by dragging a handle along a track. Use it whenever a number fits on a scale and a free-typed input would be more error-prone, for example a budget, a quantity, or a confidence level.
Properties
The properties live in the inspector under the Slider group. The last two fields appear only when Show value is on.
Property | What it does | Default |
|---|---|---|
Min | Lowest value on the track | 1 |
Default | Value the slider starts at | 50 |
Max | Highest value on the track | 100 |
Step | Amount the value moves per step | 1 |
Disabled | Prevents visitors from moving the slider | Off |
Text before | Text shown before the value | Empty |
Text after | Text shown after the value | Empty |
Show min/max labels | Shows the min and max values under the track | On |
Show value | Shows the chosen value above the track | On |
Show text before in value | Includes Text before in the displayed value | Off |
Show text after in value | Includes Text after in the displayed value | Off |
Min, Default, Max, and Step accept a number or a formula. The Slider has no "Go to next view when answered" property.
References
References expose the visitor's answer as data you can use in formulas and other elements. Assign a reference to store the slider's value in a variable.
Value: the current slider value.
Touched: whether the visitor has moved the slider.
Last touched at: when the visitor last moved the slider.
Min, Max, Default, and Step are configuration, not references, so they are not available as data.
Styling
The Slider can be styled per state and per part of the element.
Style states: Active, Default, Disabled, Error, Focus, Hover.
Named targets: wrapper, rail, track, thumb, min_max, value-label, error-label.
Apply general styling from the Style tab: quick styles, style sets, and CSS overrides per state and per breakpoint. See the styling reference for the full system.
Related articles
UI Elements: overview of the elements.
FormulaScript Overview: using formulas in properties.