Controls
Controls are the fields, buttons, and other user interface elements that determine what actions the user can take in a form. You can use controls to display and collect data, or to trigger an action. By choosing the right controls, you can build a more intuitive user experience.
When a control is assigned to a property, it defines the appearance of that property. For example, you can assign a .Price property with a numeric value of 1.5 to a Text input control and a Currency control. The Text input control displays the value of the property as a simple string, but the Currency control formats it to look like an amount of money, for example, by adding a currency symbol.
Pega Platform provides a wide variety of standard controls, which you can configure and reuse with minimal effort.
- Adding controls
Build an interactive and visually appealing UI that is consistent throughout all your applications by using controls. By adding the right controls, you help users to navigate through the environment more intuitively and to process work items more efficiently. With a wide variety of default controls, you can create a UI that meets your business needs.
- Configuring controls
Improve the presentation of your user interface by configuring out-of-the-box controls. By adjusting options such as visibility, helper text, or on-click behavior, you can adapt the controls to the needs of your business, and build a cleaner, more intuitive user experience.
- Configuring a Date Time control
Standardize date and time formats and ensure that correct date and time selection in forms is possible, including relevant time zones. For example, with this control users can set an appointment date.
- Configuring an Autocomplete control
Reduce the number of user input errors by providing the users of your application with a list of values from which to choose. The Autocomplete control displays matches from a data source as a drop-down list when the user types one or more characters in the field.
- Configuring an Anypicker control
Enhance navigation in your application by grouping drop-down list items into expandable categories in the Anypicker control. For example, if your business operates in several cities, use this control to group business locations by region and to help your users quickly select the right option in a drop-down list.
- Configuring a Button control
Provide users with a familiar way of triggering actions in their applications by using Button controls. For example, users can click a Button control to submit a form that they complete, which creates an intuitive workflow that does not require training.
- Geographic reference
Geographic reference helps users quickly identify locations that are relevant to the case. By clearly indicating the position of a place on a map, you provide users with a transparent interface that helps them read geographic data.
- Text controls
Text controls help users enter textual data into your application. Depending on your business needs, you can set up controls that process short strings of characters, whole paragraphs, or even formatted text with images.
- Paragraphs
Paragraphs store long-form formatted text that you can reuse throughout your UI in various read-only contexts, such as correspondence rules and user forms. By relying on paragraph rules for repetitive text, you reduce maintenance efforts and encourage a single-source approach to content in your application.
- Configuring the Attach content control
Help users attach content to forms by configuring the Attach content control. For example, with this control, users can conveniently upload documents for review, or upload a photo to endorse a claim.
- Configuring actionable icon controls
Use actionable icons to create a user interface that is more intuitive and quicker to localize for different audiences. By linking common operations to familiar icons, you can make the UI more friendly and reduce the time that is required to train new users.
Previous topic Adding UI elements to forms Next topic Adding controls