Slider

The Slider Widget is a component designed for easy manipulation of numerical values within your application. By simply dragging the slider handle, users can conveniently adjust numeric inputs with precision.

Properties

PropertyTypeDescription

Data item

datafield, number

Changing the slider changes the number of this data field. However, at this moment it is not possible to perform an on change action.

Minimum

number

The lowest allowed value of the slider.

Maximum

number

The highest allowed value of the slider.

Step

number

Determines the size or amount of each step the slider takes between the minimum and maximum

Precision

number

Determines the number of digits after the decimal place.

Enabled

boolean

When 'false' the user is not allowed to change the slider value.

Selection Placement

dropdown

Changes the look of the space before or after the handle. See the difference between example 1 (before) and 2 (after). When set to 'none', both sides of the handle look the same.

Orientation

dropdown

Determines whether the slider handle move horizontally or vertically.

Reversed

dropdown

By default the slider works from minimum to maximum value (example 1). When set to 'Yes' the slider works from maximum to minimum (example 2 and 4).

Handle shape

dropdown

Changes the slider handle shape. Accepted values: round, square, triangle or custom. At this moment 'custom' shows a star.

Tooltip shown

dropdown

  • 'Show': show a tooltip on mouse-hover only (example 1)

  • 'Hide': never show a tooltip (example 2 and 3)

  • 'Always': always show a tooltip (example 4)

Tooltip separator

not applicable

deprecated

Split Tooltip

not applicable

deprecated

Last updated