Form Field: Dropdown

The Dropdown Form Field allows Studio Users to add a dropdown to a Form that an app end user can select from when submitting a Form. To use a Dropdown Form Field, a Column in the applicable Table must have the Data Type set to Dropdown.

Add a Dropdown 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 Dropdown 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.

Dropdown Form Field Properties

The Dropdown 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.