Slider Widget

Creates a slider input widget for use in components views. Outputs an string flow variable with a given value.

The node supports custom CSS styling. You can simply put CSS rules into a single string and set it as a flow variable 'customCSS' in the node configuration dialog. You will find the list of available classes and their description on our documentation page.

Options

Control

Label
A descriptive label that will be shown in the view.
Description
Some lines of description that will be shown in the view, for instance by means of a tooltip.
Variable Name
Variable identifier.
Parameter Name
Parameter identifier for external parameterization (e.g. batch execution).
Range Column (*)
Double column containing domain values to be used for minimum and maximum settings.
Minimum
Check, if a custom minimum value is supposed to be used. Mandatory if no range column is selected.
Maximum
Check, if a custom maximum value is supposed to be used. Mandatory if no range column is selected.
Default Value
The value that is output by default and preset on the slider view. Needs to be in between the set minimum and maximum values.

Slider

Use Stepping
Check, if a step size is supposed to be used. The slider is continuous otherwise.
Step Size
A step size. If set the slider only outputs values in set intervals.
Connect
Displays a colored bar on parts of the slider. Lower displays the bar on the lower end of the slider, Upper on the upper end.
Orientation
Choose if the slider is drawn horizontally or vertically.
Direction
Choose if the slider is drawn left to right or right to left for horizontal orientation, top to bottom or bottom to top for vertical orientation.
Show Tooltip
Check, if the currently selected value on the slider is supposed to be shown in a tooltip.
Use Formatter For Tooltip
Enable or disable formatting options for the tooltip.
Decimal Digits
The number of decimal digits to be shown. Use 0 for no decimal digits. Maximum is 7 digits.
Decimal Separator
The decimal separator character. Defaults to .
Thousands Separator
The thousands separator character. Leave blank for displaying no separator character.
Custom Prefix
A custom prefix string. A common use case for this is a currency symbol.
Custom Postfix
A custom string rendered after the number.
Negative Sign
The string used to denote a negative number. Defaults to -
Negative Before String
A custom string rendered before any custom prefix, when number is negative.

Labels

Enable Labels/Ticks
Check, to enable the display of ticks and labels for the slider.
Ticks Mode
The mode after which the ticks and labels are displayed. Possible values are:
  • Range: Draw labels at the specified range points. For linear sliders this is only minimum and maximum.
  • Steps: Draws labels at specified steps (See Step Size option). Major ticks and labels are generated at the minimum and maximum and smaller labels at each step size.
  • Positions: Draw labels and major ticks at set positions (percentages). Use the Values field to specify the positions as a comma separated list of values between 0 and 100.
  • Count: Draws the number of labels specified. Use the Values field to provide the count as an integer number.
  • Values: Draw labels and major ticks at positions of the actual values. Use the Values field to specify the values as a comma separated list of numbers.
Density
A measure to pre-scale the number of ticks. Higher number means less ticks.
Values
For Positions, Count, and Values ticks mode. Set the appropriate values either as number or comma separated list of numbers.
Stepped
For Positions, Count, and Values ticks mode. Check to override calculated or given label positions, to match the values to the provided slider steps.
Lable Format Options
Set formatting options for all labels drawn.
Decimal Digits
The number of decimal digits to be shown. Use 0 for no decimal digits. Maximum is 7 digits.
Decimal Separator
The decimal separator character. Defaults to .
Thousands Separator
The thousands separator character. Leave blank for displaying no separator character.
Custom Prefix
A custom prefix string. A common use case for this is a currency symbol.
Custom Postfix
A custom string rendered after the number.
Negative Sign
The string used to denote a negative number. Defaults to -
Negative Before String
A custom string rendered before any custom prefix, when number is negative.

Input Ports

Icon
Input table which contains at least one double column with domain values set, which can be used to control the minimum and maximum values of the slider.

Output Ports

Icon
Variable output (string) with the given variable defined.

Views

Interactive View: Slider Widget
Displays a slider input field which represents the string value.

Workflows

Links

Developers

You want to see the source code for this node? Click the following button and we’ll use our super-powers to find it for you.