The Stepper control allows the user to increment and decrement a value.
To show the properties of the Stepper, click the Properties tab (the slider icon) in the upper right sidebar.
Here you give the element a name. This name is only used within appdoo. For example, you can quickly see in the outline where each Stepper is located. You can also edit the name by double-clicking on the Stepper in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.
Enter the start value of the Stepper here.
Specify here how large the step should be when pressing the plus button or the minus button. If, for example, you have entered the value 2 here, the value of the stepper increases as follows: 0, 2, 4, 6, 8, …
Enter the lower limit for the value of the Stepper here. If the lower limit is reached, the minus button is deactivated.
Enter the upper limit for the value of the Stepper here. If the upper limit is reached, the plus button is deactivated.
The standard behavior of the Stepper is that the value is only increased or decreased by one step, no matter how long the user presses the buttons of the Stepper. If this checkbox is activated, the value of the Stepper is increased or decreased as long as the user presses the buttons of the Stepper. This is useful, for example, if you want to go from a very small value to a very large value and don’t have to press the Stepper button for every step.
The default behavior of the Stepper is that the value is not returned until the user finishes pressing the buttons. If you now activate this checkbox, the value will be returned with every change. This only makes sense if the checkbox “Autorepeat” is activated.
Here you define the color of the border and the symbols on the buttons of your Stepper.
If you activate this checkbox, your Stepper will still be present on your work space, but will not be displayed in the app. This can be useful, for example, if you only want to display the Stepper under certain circumstances. You can control this via the “Hidden” field in the “Data Links” area.
All information about this area can be found on the separate Geometry page.
The following properties of the element can be set using the data links:
All information about this area can be found on the separate Data Links page.