A spinner is a textbox control equipped with up and down arrow buttons known as spin buttons. The spin buttons allow the user to scroll through a range of numerical values using a predefined increment.
Creating a New Spinner
A new Spinner can be created by selecting it from the Widgets list and dragging it to the screen.
A new Spinner element should be displayed on the screen as shown below.
Spinner Field Settings Properties
Since the Spinner field allows the user to scroll through a range of numerical values using a predefined increment, users have access to the following properties:
min value: Defines the minimum value for a spinner field.
max value: Defines the maximum value for a spinner field.
increment value: Specifies how much the value in a spinner field increases or decreases when you click the up or down arrow. The default value is 1.
Changing a Textbox to a Spinner
An existing Textbox can be changed into a Spinner field in Genie. In the example below, we will change the Height Textboxes into Spinner fields where so we can change them by increments of 1. In Design Mode, we will right-click on the Height Textbox and select the “Change to Spinner” option as shown below.
In the Properties Dialog, we will find the min and max value properties and type in 3 as the min value and 9 as the max value for Height in Feet.
Additionally, we will repeat the previous step with the adjacent textbox for Height in Inches to change it to a Spinner element. We will add 0 as the min value and 12 as the max value for Height in Inches.
After you save your changes, the screen will look like the screenshot below.