Links

Slider

Slider Overview

The Slider is a great UI element to enable users easily select a value from a fixed range of values.

Properties

Slider

Property
Description
Data Type
Value
Initial value of the Slider
Number
Step
Step between values on the Slider
Number
Minimum Value Range
Minimum value the user can select. Must be less than Maximum Value.
Number
Maximum Value Range
Maximum value the user can select. Must be greater than Minimum Value.
Number
Min Track
Color of Slider track between minimum value and current value
Color
Max Track
Color of Slider track between current value and maximum value
Color
Thumb Color
Color of the Slider thumb widget
Color
Disabled
Toggle whether value Switch can be changed by user
True/False

Layout

Property
Description
Data Type
X
Location of top left corner of Slider on X-axis, where the left hand side is X=0
Number
Y
Location of top left corner of Slider on Y-axis, where the top side is Y=0
Number
Height
Height of Slider in pixels
Number
Width
Width of Slider in pixels
Number
Resize Mode
Define dimensions of the Slider component/container
Select from list [Stretch, Float in Place]

Style

Property
Description
Data Type
Visible
Toggle whether your end users can see the Slider
True/False
Border Style
Set whether border style is solid, dotted or dashed (only visible if border width > 0)
Select from list [solid, dotted, dashed]
Border Color
Color of border (only visible if border width > 0)
Color
Border Width
Width of border around Slider in pixels
Number
Border Radius
Radius of corners of border on Slider in degrees
Number
Shadow Color
Color of Slider's shadow
Color
Shadow Opacity
Opacity of Slider's shadow
Number between 0 and 100
Shadow Radius
Radius of corners of Slider's shadow in pixels
Number
Shadow Offset
How far Slider's shadow should be offset, in Height and Width, in pixels
Number

Blocks

Events

On Value Change

Fires as the value of the slider changes. Returns the current value of the Slider.

On Sliding Complete

Fires when the user takes their thumb off the Slider. Returns the current value of the Slider.

Properties

Set and get the properties of the Slider.

Minimum Value

Maximum Value

Value

Step

Get Computed Height

Returns Height of the Slider in pixels as it appears on the screen.

Get Computed Width

Returns Width of the Slider in pixels as it appears on the screen.

Visible

Maximum Track Tint Color

​

Minimum Track Tint Color

Disabled

Thumb Tint Color

Last modified 3mo ago