zero.appdocs
Docs/Presentations/RangeSlider

Positioned

Presentations v1.0 zero-schema

No description provided.

Missing descriptions: InitialValue.

Required fields

PresentationType Name

Properties

PresentationType string required
RangeSlider widget is used to allow users to select a range of values within a specified range. It consists of two thumbs that can be dragged to select the minimum and maximum values of the range.
Allowed RangeSlider
Name string required
Represents the name or identifier for the range slider
Default "range"
InitialValue object optional
No description
Max number optional
It represents the maximum value in the slider represented in percentage
Default 10
Min number optional
Represents the minimum value that the slider can represent.
Default 0
LabelColor string optional
Represents the color of the slider's label color
ActiveColor string optional
Represents the color of the slider's active track, indicating the selected range. It is a string that can be in hexadecimal notation, color names, or primary color names.
InActiveColor string optional
Represents the color of the slider's inactive track, indicating the unselected range. It is a string that can be in hexadecimal notation, color names, or primary color names.
Divisions integer optional
Represents the number of divisions or intervals on the slider track represented in pixels
Default 1

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

LabelColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "LabelColor",
  "PresentationType": "ColorPicker"
}
ActiveColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "ActiveColor",
  "PresentationType": "ColorPicker"
}
InActiveColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "InActiveColor",
  "PresentationType": "ColorPicker"
}