|
The Numeric Stepper object is an app layout object found in the input .
|
Attributes
|
The Attributes section includes the object name.
|
Name
|
Enter a name for the object. This is the name of the object as it will show in field chooser, the Navigation panel and other object lists.
|
|
We strongly recommend that each input object is given a suitable and unique name that reflects the data that will be held within it. The object name will, very likely, be referred to when adding behavior and workflow logic as well as when designing reports.
|
|
Behaviors
|
The Behavior section lists possible events on the object that can prompt a behavior to run.
|
Numeric Stepper Changes Field Data
|
This event occurs when an app user enters data into the numeric stepper object.
|
Numeric Stepper Gains Focus
|
This event occurs when the numeric stepper object becomes the active field.
|
Numeric Stepper Loses Focus
|
This event occurs when the numeric stepper object is exited.
|
Numeric Stepper is Clicked
|
This event occurs when an app user clicks on the numeric stepper object.
|
This event is different than Numeric Stepper Gains Focus in that the app user must mouse-click on the object in order for the event to occur and any linked behavior commands to run.
|
|
Numeric Stepper is Shown
|
This event occurs when the numeric stepper object is shown.
|
|
Settings
|
The settings section includes the minimum and maximum values, the step, positioning, tabbing tool-tip and accessibility.
|
Numeric Stepper Settings
|
Object
|
Details
|
Additional Information
|
[Default Value]
|
Enter a default value for the stepper object.
|
|
Min
|
Enter a minimum value for the object.
|
|
Max
|
Enter a maximum value for the object.
|
|
Step
|
Enter or select the numeric value that will be the equivalent of a step. Options include: 1, 2, 5, or 10.
|
|
Autofill
|
The autofill feature permits compliance with WCAG 2.1
|
The default value of 'On' will allow the field to auto-populate with frequently used data recorded in the app users browser.
|
Position
|
Top
|
Displays the object's location in from the top of the app (in pixels).
|
|
Left
|
Displays the object's location in from the left margin of the app (in pixels).
|
|
Width
|
Shows the width of the object.
|
|
Height
|
Shows the height of the object.
|
The minimum height is determined by the font size and the selector graphic and cannot be less than 15px.
|
Layer
|
Indicates the layer number this object occupies. You can drag an object so that it fully or partially covers another object. Depending on the layer number it occupies, it may be positioned underneath another other object.
|
|
Tabbing
|
Tab Index
|
Indicates the order in the tabbing sequence that this object will be arrived at when the app user is using their Tab key to navigate through the app fields.
|
Tab Index
|
Tab Stop
|
Clear this check box to exclude the object from the tab order altogether.
|
|
Tooltip
|
Enter tooltip text to show to an app user when they hover their mouse over the object.
|
|
Accessibility
|
Description
|
Enter text that will be read aloud or converted to Braille for JAWS users.
|
Accessibility and JAWS Compatibility
|
|
Style
|
The Style section contains properties that control the font appearance and theme applied to the object.
|
Text
|
Object
|
Details
|
Additional Information
|
|
Select the font face for the caption text.
|
Fonts from the designers local machine will also be available provided the option to Use Custom Font has been selected in the Account Settings, however if the same font is not installed on the users machine then a standard font will be used to display the data.
|
|
Choose the size and style of the font for the caption text.
|
Manually enter font sizes smaller than the minimum selectable in the drop-down.
|
Color
|
Enter a Hex color code or click on the color box to pick a default color for the caption text.
|
|
|
Choose the style of the font for the caption text.
|
|
Corner Radius
|
Select a numeric value to represent the curvature of the object's corners. The higher the number, the more curved the the edges of the object will be.
|
|
Background
|
|
Enter a Hex color code or click on the color box to pick a background color for the object.
|
|
Use App Theme
|
|
Resets the appearance options to the default settings configured on the app's Theme properties.
|
Applying or Resetting a Theme
|
|
Access
|
The Access section contains properties for field state management.
|
|
To return to the Numeric Stepper object details CLICK HERE.