Slider

The slider is a component that allows you to enter a numerical value within a range.

Property

No	Item	Input Value	Default Value	Action Property	Type	Action Default Value	Description
1	ID	String	Auto-generated	id	string	Auto-generated	The [id] property cannot be set by actions.
2	Width	Number	222	width	number	222	Component width
3	Height	Number	40	height	number	40	Component height
4	X	Number		x	number		X coordinate position
5	Y	Number		y	number		Y coordinate position
6	Size	Selection 1. Small 2. Medium	Medium	size	string	medium	Added in v4.2.0.
7	Color	String Color Picker		color	string		Component color
8	Background Color	String Color Picker		backgroundColor	string		Background color
9	Input Color	String Color Picker		inputColor	string		Input text color
10	Disabled	Boolean	OFF	disabled	boolean	false	Disabled state
11	Read Only	Boolean	OFF	readOnly	boolean	false	Read-only state
12	Visibility	Boolean	ON	visibility	boolean	true	Component show/hide
13	Vertical Alignment	Selection 1. Top 2. Center 3. Bottom	Top	verticalAlignment	string	top	Vertical alignment
14	Min	Number	0	min	number	0	Slider minimum value
15	Max	Number	100	max	number	100	Slider maximum value
16	Step	Number	1	step	number	1	Slider step unit
17	Value Label	Selection 1. Auto 2. On 3. Off	On	valueLabel	string	on	Label display setting
18	Helper Text	String		helperText	string		Helper text
19	Value	Number	50	value	number	50	Slider value
20	Error			error	boolean	false	Error state
21	Change Event	Selection 1. None 2. UI Script 3. Action 4. Detached Action	None				Event on value change Detached Action became selectable in v4.1.0. UI Script became selectable in v4.2.0.
22	Detached Action	Selection 1. [Detached Action ID]		detachedAction	string		Set a detached action Added in v4.1.0.

Note

• The [Size] property can be set from actions with the following values:
  • small
  • medium
• Set [Step (step)] to 1 or more.
• The color specified for [Background Color] is reflected in the background of the label when [Value Label] is set to ON or AUTO.
• The color specified for [Input Color] is reflected in the numerical part of the label when [Value Label] is set to ON or AUTO.

Event

Event name	Description
onchange	Occurs when a value change is made.