Harness and Section forms — Adding a dropdown control

About the dropdown control

Use the dropdown control to display a list of options, from which the user can select a single option.

The list of options can be defined in a list bound to a property, or a clipboard page, a data page, or a report definition.

When the source is a clipboard page, data page, or a report definition, you can categorize items within the dropdown list. When a dropdown list is bound to a data page or report definition that accepts parameters and the parameter value uses a property reference, the dropdown list automatically refreshes with new items whenever the property value changes. No additional configuration is required. This can be used to set up cascading dropdowns or any combination of controls.

You can style the dropdown in your application skin; see Skin form — Components tab — Controls — Dropdowns.

Upgrading to use the dropdown control

As of V7.1, the PromptSelect and DynamicSelect controls are deprecated, but supported. Use the dropdown control( pxDropdown) instead of these controls.

If a section contains PromptSelect, DynamicSelect, or another control for which there is an improved alternative, a warning displays, along with an Update Controls button. Click Update Controlsto automatically update deprecated controls in the section. Automatic update is not available for all controls; see Upgrading deprecated and outdated controls on the PDN.

The pxDropdown control replaces the deprecated Select control in the Basic control group . As a best practice, upgrade PromptSelect and DynamicSelect controls to dropdown controls. For more information, see Presenting a dropdown list on the PDN.

Adding a dropdown control

1. Click the down-arrow at the right end of the Basic control group and select the Dropdown control .
2. Drag the control into the layout and release the mouse button to drop the control.
   If you are using a cell-based layout and you drag the control into a cell that is not empty, then the dropped control replaces the current contents of the cell.
3. Click the magnifying glass to display the Properties panel.
4. On the Properties panel, define the dropdown list using the following tabs:
   

• General
• Presentation
• Actions

To view and interact with examples and review configurations, select > User Interface > UI Gallery and then select Dropdown in the Components group.

For more information, see Presenting a dropdown list on the PDN.

Copying, deleting, or moving a dropdown control

• To move a dropdown control, hold down the SHIFT key, select the dropdown in the layout and drag and drop it in the new location.
• To cut, copy, or paste a dropdown control in a layout, right-click the control to access a context-menu.

Dropdown control - General tab Dropdown control - Presentation tab Actions tab

About Flow Actions

About Harnesses

About Sections