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

Login to the Studio and click Content.
Create a new Form using the Green Plus Sign or click on an existing Form.
Connect your Form to the applicable Connected Data Source and Table
Click on the Green Plus Sign and select the Dropdown Form Field.
Select the applicable Connected Data Field. The selected Connected Data Field must have the Data Type set to Numeric in the Table. 
Input the applicable Properties for the Numeric Input Form Field.
Add any other applicable Form Fields to the Form.
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.

Still need help? Contact Us Contact Us