Dropdown

Article Overview

The following article describes the Design properties of the Dropdown component. 

Viewing Design Properties

(See Figure 1)

To view the design properties of the Dropdown component perform one of the following:

• Drag and drop it onto its desired location in the canvas and click it. 
• If the component is already added to the canvas, locate and click it.
• If the component is already added to the canvas, locate and click it using the Navigator. 

The Design properties will appear in the right section under the Design tab.

Figure 1: Design Properties

Dropdown Design Properties

(See Figure 2)

The Dropdown component has the following Design properties:

• Label - enables you to set the display name of the component. The name will be visible to end-users when interacting with the digital process.  
• Placeholder - a filler temporary text that will be displayed to end-users when interacting with the digital process. The placeholder text cannot be deleted and will remain until the end-user inputs new text.
• Edit Options - enables you to add Dropdown options.

• Delete - removes the component from the canvas.

Figure 2: Dropdown Design Properties

Edit Options

(See Figure 3)

When clicking the Edit Options button the Options window appears. This window enables you to add Dropdown options. Each option contains a Value (1) and a Key (2). The Value is the text that will be displayed to the end-user while interacting with the digital process. The Key is the the returned value of the selected option, it will be used for behavioral conditions.

Each option can be removed by clicking the delete button (3). Options can be rearranged by using drag and drop (4). The Add Key option (5) enables you to add additional Dropdown options.     

Figure 3: Dropdown Options