​

Configuring the slider element

​

Slider generic settings

The available configuration options for this form element are:

• Process data key
• Properties
• Datasource
• Validators
• Expressions
• UI actions
• Slider styling

​

Process data key

Process data key establishes the binding between the slider element and process data, enabling its later use in decisions, business rules or integrations.

​

Properties

• Label: The visible label for the slider element.
• Show value label: A toggle option that determines whether the current selected value of the slider is displayed as a label alongside the slider handle.
• Helpertext: Additional information about the slider element, which can be optionally hidden within an infopoint.
• Min Value : The minimum value or starting point of the slider’s range, it defines the lowest selectable value on the slider.
• Max Value: The maximum value or end point of the slider’s range, it sets the highest selectable value on the slider.
• Suffix: An optional text or symbol that can be added after the displayed value on the slider handle or value label, it is commonly used to provide context or units of measurement.
• Step size: The increment or granularity by which the slider value changes when moved, it defines the specific intervals or steps at which the slider can be adjusted, allowing users to make more precise or discrete value selections.

​

Datasource configuration

Default Value: The default value of the slider (static value - integer) the initial value set on the slider when it is first displayed or loaded, it represents a static value (integer), that serves as the starting point or pre-selected value for the slider, users can choose to keep the default value or adjust it as desired.

​

Validators

The following validators can be added to a slider: required and custom (more details here).

​

Hide/disable expressions

• Hide condition: A JavaScript expression that hides the sloder element when it returns a truthy value.
• Disabled condition: A JavaScript expression that disables the slider element when it returns a truthy value.

​

UI actions

UI actions can be added to the slider element to define its behavior and interactions.

• Event: Possible value - CHANGE.
• Action Type: Select the action type, ❗️for more details on how to configure a UI action, click here.

​

Multiple sliders

You can also use multiple sliders UI elements that are interdependent, as you can see in the following example:

​

Slider settings overrides

There are instances where you may need to tailor settings configured in the Generic settings tab. This proves especially beneficial when you wish to adjust these settings to appear differently across various platforms such as Web, Android, or iOS.

Available override settings:

• Properties:
  • Label: Override the slider label.
  • Helpertext: Override helper text/info point.
  • Show value: Override the show value option.
  • Suffix: Override the suffix.
• Expressions:
  • Hide: Override the hide expression.

​

Slider styling

​

Slider style overrides options

Theme overrides refer to the ability to modify or customize the appearance and behavior of UI components by overriding default theme settings. This can be applied at various levels, such as specific elements or entire sections, and can be platform-specific (Web, iOS, Android).

Style options: