Slider
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
A Servoy Extra Component that displays a slider for selecting numeric values, supporting both single and range selection.
This is a reference page; many components have detailed usage guides .
Set to false to disable the auto-hiding behavior of the limit labels Type: Default Value: false
Maximum value for a slider Type: Default Value: 0
Set this to false to update the dataProvider(s) while the user drags the slider and not only when the user is done dragging Type: Default Value: true
The dataProvider for the slider value Type:
Called when the dataProviderHigh value changed
Parameters:
Called when the dataProvider value changed
Parameters:
Called when user stops dragging the slider
Parameters:
Called when user starts dragging the slider
Parameters:
Refreshes the slider
Represents a gradient configuration for the slider selection bar. scripting type: CustomType<servoyextra-slider.gradient>
from
The starting color of the gradient.
to
The ending color of the gradient.
The dataProvider for a range slider's maximum value Type:
When set to true and using a range slider, the range can be dragged by the selection bar Type: Default Value: false
Same as draggableRange but the slider range can't be changed Type: Default Value: false
Flag indicating whether the slider is enabled for user interaction. Type: Default Value: true
Set to true to round the value and valueHigh to the slider range Type: Default Value: false
Set to true to force the value to be rounded to the step Type: Default Value: false
Minimum value for a slider Type: Default Value: 0
Can be given a function code as string that can be used to format numbers client side. Type:
Can be given a function code as string that can be used to display legend under ticks Type:
Set to true to hide min / max labels Type: Default Value: false
Set to true to hide pointer labels Type: Default Value: false
Set to true to use a logarithmic scale to display the slider Type: Default Value: false
The maximum value authorized on the slider. Type: Default Value: null
The maximum range authorized on the slider. Type: Default Value: null
The minimum value authorized on the slider. Type: Default Value: null
The minimum range authorized on the slider. Type: Default Value: null
Set to true to prevent to user from switching the min and max handles Type: Default Value: false
A Servoy number format that is used to format numbers when a formattingFunction is not provided Type:
Function provided as a String that returns the color of a tick. Type:
The precision to display values with. Type: Default Value: 0
Set to true to have a push behavior. When the min handle goes above the max, the max is moved as well Type: Default Value: false
Flag indicating whether the slider is in read-only mode. Type: Default Value: false
Set to true to show graphs right to left. Type: Default Value: false
Function code as String that returns the current color of the selection bar. Type:
Use to display the selection bar as a gradient Type:
Only for range slider. Set to true to visualize in different colour the areas on the left/right (top/bottom for vertical range slider) of selection bar between the handles Type: Default Value: false
Set to true to always show the selection bar before the slider handle Type: Default Value: false
Set to true to always show the selection bar after the slider handle Type: Default Value: false
Set to true to display a tick for each step of the slider Type: Default Value: false
Set to true to display a tick and the step value for each step of the slider Type: Default Value: false
Step between each value Type: Default Value: 1
If you want to display a slider with non linear/number steps. Type:
If you want to provide all the steps with display and real values, you can provide a value list to provide step values (realValues) and step labels (displayValues). Type:
CSS style classes applied to the slider component. Type:
Function provided as a String that returns the color of a tick. Type:
Use to display ticks at specific positions. The array contains the index of the ticks that should be displayed. Type:
Number of steps between each tick to display ticks at intermediate positions. In Titanium Client you cannot select by click values between ticks, you can only drag slider pointer to select. Type: Default Value: null
Function provided as string that returns the tooltip content for a tick. Type:
Number of steps between each tick to display tick values at intermediate positions Type: Default Value: 0
Function provided as string that returns the tooltip content for a tick value. Type:
Set to true to display the slider vertically. Type: Default Value: false
Flag indicating whether the slider is visible. Type: Default Value: true
{} oldValue The previous high slider value.
{} newValue The new high slider value.
{} event The event object associated with the data change.
Returns: {}
{} oldValue The previous slider value.
{} newValue The new slider value.
{} event The event object associated with the data change.
Returns: {}
{} event The event object associated with the slide end.
{} value The value when the user stopped dragging the pointer of a non-range slider or the low value in a range slider.
{} highValue The high value when the user stopped dragging the pointer in a range slider.
{} pointerType Either "value" or "high", indicating which pointer was used.
{} event The event object associated with the slide start.
{} value The value when the user dragged the pointer of a non-range slider or the low value in a range slider.
{} highValue The high value when the user dragged the pointer in a range slider.
{} pointerType Either "value" or "high", indicating which pointer was dragged.
Type:
Type: