Stepper

The Stepper control allows the user to increment and decrement a value.

To display the value of the Stepper you can use a Label for example. The link is done with the Label via the area “Data Links”. The Label gets the value of the Stepper.

Properties

To show the properties of the Stepper, click the Properties tab (the slider icon) in the upper right sidebar.

Stepper

appdoo - Elements - Stepper (Stepper)

  • Name
    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.

  • Value
    Enter the start value of the Stepper here.

  • Step
    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, …

  • Minimum
    Enter the lower limit for the value of the Stepper here. If the lower limit is reached, the minus button is deactivated.

  • Maximum
    Enter the upper limit for the value of the Stepper here. If the upper limit is reached, the plus button is deactivated.

  • Autorepeat
    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.

  • Continuous
    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.

  • Color
    Here you define the color of the border and the symbols on the buttons of your Stepper.

Advanced

appdoo - Elements - Stepper (Advanced)

  • Hidden
    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.

Geometry

All information about this area can be found on the separate Geometry page.

appdoo - Elements - Stepper - Geometry

The following properties of the element can be set using the data links:

  • Value
  • Minimum
  • Maximum
  • Step
  • Hidden

All information about this area can be found on the separate Data Links page.

appdoo - Elements - Stepper - Data Links