Form Field: Email Input

The Email Input Form Field allows Studio Users to add an email field to a Form that validates the entered information is formatted as an email address when an app end user submits a Form. To use an Email Input Form Field, a Column in the applicable Table must have the Data Type set to Text.

Add an Email 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 Email Input Form Field.

6

Select the applicable Connected Data Field. The selected Connected Data Field must have the Data Type set to Text in the Table. 

7

Input the applicable Properties for the Dropdown 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.

Email Input Form Field Properties

The Email 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.  
• 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.