You are here:
Stepper Control
The Stepper element defines an input control that uses a distinct range of values and provides control elements to navigate through these values. An example could be a number stepper that has a plus and a minus button that increase the value by a certain amount.
Required Editions
| Available in: Enterprise, Performance, and Unlimited Editions |
The table lists the Stepper element attributes.
| Attribute | Description | Value or Pattern | Required? |
|---|---|---|---|
| name | Identifier of the Stepper element. | string | yes |
| disabled | Specifies if the SelectionBox element is enabled or disabled. | boolean | no, default false |
Stepper Bindings
The Bindings node consists of Binding elements that can be used in the Stepper element.
| Attribute | Description | Type | Binding Source | Required |
|---|---|---|---|---|
| Label | The title to display for the stepper. | Label | Any label resource available in the project or an arbitrary string. | no, defaults to no label displayed |
| Value | The data to show in the stepper. | Any data | Any data that supports add and subtract operations | yes. |
| StepSize | The amount to increase or decrease the value in the stepper. | Any data | Any data that is supports the add and subtract operations on the value data. | no, defaults to 1. |
Resource
The stepper Resource node consists of resource elements that can be used in the stepper control element. The table list the attributes of the stepper Items node
| Attribute | Description | Value or Pattern |
|---|---|---|
| target | Describes the actual UI element. | string [StepSize|Value] |
| type | Defines how the resource is shown. | string [Integer|Decimal|SmallInteger] |
| Id | The ID is used to map the localized resource and the actual element in the UI. | string |
| defaultLabel | One default value can be set, depending on the type, that is, defaultText, defaultLabel, and defaultImage. | string [ONE_WAY/TWO_WAY/ONE_TIME] |
| bindingMode | Only applies if type = Label. Determines whether a long line of text is wrapped (true) or trimmed (false). | string |
| defaultLabel | One default value can be set, depending on the type, that is, defaultText, defaultLabel, and defaultImage. | string |
| labelId | The ID that is used for mapping the localized resource and the actual element in the UI. | string |
Sample XML Code
<Stepper name="StepperCtrl" disabled="false">
<Bindings>
<Resource target="Label" type="Label" defaultLabel="defaultLabel" id="labelId" />
<Binding target="Value" type="Integer" binding="valueBinding" bindingMode="TWO_WAY" format=".0" />
<Binding target="StepSize" value="2" />
</Bindings>
</Stepper>
Did this article solve your issue?
Let us know so we can improve!
