Create a Drop Down List
  • Updated on 05 Mar 2019
  • 2 minutes to read
  • Print
  • Dark
    Light

Create a Drop Down List

  • Print
  • Dark
    Light

This example demonstrates how to configure a drop down component and add it to a Form. Adrop down component has a created list that displays when the Drop Down arrow is selected. Select one item on the created list to display in the given drop down field.

Example

Begin in the Form designer and select the Drop Down located in the Form Control Tab in the Favorites section in the Form designer. 
drop-down1.jpg

Drag Component to Form

Drag thedrop down component onto the Form (Figure 2).
2018-10-02_120723.jpg

Configure Drop Down under

In theInput Data section under the List Input Source select the desired Source from the  Drop Down List. The three selections listed below each pull or populated data differently.

  • DataName: There will be an input to the Form for the Data Name that is created.
  • Flow: There is a Flow that runs inside the Form to generate the list, (See Links for more information).
  • Static: Create a static list of options to select on the Drop Down.

2018-10-02_150202.jpg

  • DataName

Set Input Data under List Items DataNam e create aData Name and choose theType.
2018-10-02_122410.jpg

  • Flow

Under List Input Source select the Drop Down arrow and choose Flow. Now a Flow ID can be selected or created. UnderFlow Input Data select Update Inputs to add additional Input Data Names
2018-10-02_122434.jpg

  • Static

UnderList Items add a list of items to the text box.
2018-10-02_130724.jpg

AddList Items.
2018-10-02_130901.jpg

After List Items are added on the Drop Down, the items listed will default as one Output with the Data Name set to "Selected"
2018-10-02_151852.jpg

Change the default Data Name fromSelected to the desiredData Name . This example uses "Group" as the new Output Data Name. Use thisData Name to map theDrop Down in a Flow (Figure 9).

Note
Note: Required Outcome Scenarios and Optional Outcome Scenarios determine the output based on the outcome you select. When more than one button is added to the Form either "Cancel" or "Submit" and a button is selected the outcome scenario is determined.

2018-10-02_151927.jpg

View completed Drop Down

The Drop Down should now display the listed items on the Form. 
2018-10-02_153022.jpg

Links
Creating Drop Down Menue Options From Flow Outputs
Multi Select Drop Down List Component 
Creating Dependent Drop Down Menu Options

Was this article helpful?