Form Field: Numeric Input
The Numeric Input Form Field allows Studio Users to add a numeric field to a Form that an app end user can input when submitting a Form. To use a Numeric Input Form Field, a Column in the applicable Table must have the Data Type set to Numeric.
Add a Numeric Input to a Form
- 1
- Login to the Studio and click Content.
- 2
- Create a new Form using the Green Plus Sign or click on an existing Form.
- 4
- Connect your Form to the applicable Connected Data Source and Table.
- 5
- Click on the Green Plus Sign and select the Dropdown Form Field.
- 6
- Select the applicable Connected Data Field. The selected Connected Data Field must have the Data Type set to Numeric in the Table.
- 7
- Input the applicable Properties for the Numeric Input Form Field.
- 8
- Add any other applicable Form Fields to the Form.
- 9
- Click Publish once you're ready to make the Form available to Apps within the Studio.
Numeric Input Form Field Properties
The Numeric Input Form Field has the following properties:
- Component Id - Sets the name of the Form Field Component in the app. The Component Id can be referenced using JavaScript to add more functionality to the app as needed.
Pro Tip: It is a best practice to use only letters without spaces for the Component Id. Symbols, spaces, and numbers are not recommended. - Connected Data Field - Select the Connected Data Field from the dropdown. Columns must be set up previously in the Connected Data Source in Table Builder to appear in this list.
- Label Text - Sets the text that appears next to the Form Field.
- Required Input - Toggles on or off to make the Form Field a required field to submit the Form.
- Range Restrictions - Dropdown that allows Studio User to choose the restrictions on the field for app end user inputs. Options are None, Maximum Only, Minimum Only, or Both).
- Minimum Value - Sets the minimum numeric value allowed to be entered in the field by the app end user.
- Maximum Value - Sets the maximum numeric value allowed to be entered in the field by the app end user.
- Half Width - Toggles on or off to determine if the Form Field spans the full width of the Form or only half of the form's width.