Select and combobox
Select and combobox inputs provide a set of options for the user to select from.
Usage
Use a select or combobox field in a form if you have 3 or more options to display, or if the options are dynamic. If there are fewer than 3 options, use a radio button group or checkbox group.
Use the combobox input as the default for displaying more than 3 options. The combobox input allows the user to select multiple options and search for options. However, use the select input to use the native menu on mobile devices.
For more best practices on building forms with inputs in Constellation, visit Pega Academy.
Select
Example
Combobox
Example
Display options
Required
This will prevent any form submission until the required select option is chosen.
Disabled
Disable a select or combobox field in order to prevent a user from selecting any information while some task is being completed, or to restrict a user's access.
Readonly
The user will not be able to make any new selections if the field is readonly.
Displaying non-editable data
There are two methods of displaying non-editable information in Constellation: as a readonly field or a field-value list. The method used depends on the context and purpose of the information.
Readonly
Display a field as readonly to indicate that a user cannot edit a field due to form conditionality or role restrictions. This way, the field can be editable when certain conditions are met.
You can also display a field as readonly when doing so gives the user context, or completes the layout for a set of fields in a form. For example, in a set of address input fields, the “state” field may be readonly, while the “address”, “city”, and “zip code” fields may be editable.
Field-value list
Field-value lists also display non-editable information, but live outside of a form (often in a case's summary panel or details tab card). Display information in a field-value list when users need to reference the information to complete a form or review the information to verify form details.
Previously, in classic Pega, field-value list was referred to as "readonly". This was changed due to "readonly" being an HTML input attribute.
Configuration
To learn how to configure this component in your Constellation application, visit Pega Documentation.
All components shown on this site are supported by the Constellation design system. To learn how to configure Theme Cosmos, visit Pega Documentation.