LinkedIn
Copied!

Table of Contents

Controls

Version:

Only available versions of this content are shown in the dropdown

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 of mobile applications 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.

  • Creating custom controls by using third-party JavaScript libraries

    Create custom controls to add new features to your application. By using third-party JavaScript libraries, you can render a wide range of versatile components, such as widgets or graphs, with less effort.

  • Creating auto-generated custom controls

    Expand the functionality of your application by adding no-code, auto-generated controls to your user interface. Auto-generated controls are custom controls that use standard controls as templates, and you can integrate them with your application with minimal effort.

Related Content

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.