Skip to main content

Value Picker

The Value Picker control is an advanced element that enables you to select a value along a slider, having predetermined minimum and maximum values.

Value Picker
Value Picker

Binding Data Options

The Value Picker controls accepts numeric format to display data. You can bind data to the Value Picker controls in various ways, allowing for flexible customization and presentation of menu items.

Static Data Option

To display static options in the Value Picker controls, you can use the Bind Data option. The Bind Data option must be specified as numeric. For example:


This will set the by default value inside the control as 50.


MinimumThis allows you to set the minimum value of the control.
MaximumThis allows you to set the maximum value of the control.
StepThis is used to set the interval in terms of the value that the slider should move with each step increase of the slider.
Show End ValuesIf this is selected, the Max and Min values will be displayed below the slider.
FontThis lets you customize the look of the extreme values by setting the text size, weight (Light, Normal, Bold, Extra Bold, X Extra Bold), and color of the label.
ThemeThis lets you choose the color of the control. You can either enter a custom hex code value or use one from the available themes in the builder.
Display ValuesThis option displays the selected value.

Control Outputs

The outputs from the Value Picker control, represented by the placeholder {{valuepicker}}, can be referenced in other controls, data queries, or JavaScript functions using the control's unique name.

valuepickerRepresents the user-selected value from the given path/trail of the valuebpicker control.


value_selectOccurs when there is a change in the value of the respective control, typically triggered by selecting another option or inputting a new value.