Skip to content

Stepper

The stepper is a component for displaying progress on a screen that handles steps like a wizard.

Property

NoItemInput ValueDefault ValueAction PropertyTypeAction Default ValueDescription
1IDStringAuto-generatedidstringAuto-generatedThe [id] property cannot be set by actions
2WidthNumber312widthnumber312Component width
3HeightNumber80heightnumber80Component height
4XNumberxnumberX coordinate position
5YNumberynumberY coordinate position
6LockBooleanOFFlockbooleanfalseWhen ON, the component stays fixed even when the screen is scrolled.
When OFF, the component moves along with the screen scroll.
Added in v4.1.0.
7VisibilityBooleanONvisibilitybooleantrueComponent show/hide
8Vertical AlignmentSelection
1. Top
2. Center
3. Bottom
TopverticalAlignmentstringtopVertical alignment
9Alternative LabelBooleanOFFalternativeLabelbooleantruePlace label at the bottom
10Active StepNumber0activeStepnumber0Active step number
11ValueTable format
[Details 1]
[Details 1]valuearray of object[Details 1]Stepper value

[Details 1] Value (value)

The default status is registered as follows. Register from the "Add" button. To delete, select the check box and click the "Delete" button.

SelectLabelValue
CheckboxStep11
CheckboxStep22
CheckboxStep33

Event

None