Skip to main content

Data display controls

Suggest edit Updated on November 15, 2021

Data display controls help you represent data graphically in the form of maps, charts, or images. For example, the Timeline control creates a display of events that occur over a period of time plotted against the date.

  • Adding a Text control

    To help users understand the structure of a layout and get a general idea what the content groupings within the layout include, describe the content and the purpose of layout elements by including formatted text in cells and headers in a layout.

  • Configuring a text label in a layout cell or header

    A cell on the layout can present formatted text, which may include the results of JSP tags or directives. Follow these instructions to control the presentation of the label. Labels can also appear in headers.

  • Adding paragraphs to place rich text in a layout cell or header

    By referencing a paragraph rule ( Rule-HTML-Paragraph rule type), a cell in the layout can present rich text, which can include the results of JSP tags and stream processing. Unlike a label, display text in a paragraph can be longer than 64 characters. (You can add paragraphs to headers as well as to cells.)

  • Image controls

    Use the Image control to add an image that can also function as a button that users can click or tap to take an action in your application.

  • Adding a chart

    You can add a static or interactive chart to a cell on a harness, section, or flow action form.

  • Adding and configuring an Advanced data visualization control

    Use a Advanced data visualizationcontrol when you need a highly configurable visualization beyond the standard pie, bar, and line charts. With a Advanced data visualization control, you can appropriately represent any type of data. You can add Advanced data visualization controls to sections or anywhere else a standard control can be used, such as Dashboard widgets.

  • Adding an Address Map control

    You can add the pxAddressMap control to a cell, enabling users to view and interact with location points in Google Maps from within a desktop or mobile app. This control is responsive when added to a dynamic layout, and you can configure events on the control, such as displaying location details. It can also be added to a smart layout or to a section. For more information, see Using an Address Map control.

  • Adding the Map control

    Add a Map control (the pyTrackingMap rule) to a cell to view markers, static user locations, and case-related markers that can represent job locations and tracks of users of offline-enabled mobile apps.

  • Displaying location as static map image

    Harness and Section forms - displaying location as a static map image

  • Timeline controls

    In constructing a user form, you can add a Timeline control so that application users can view events along a horizontal timeline. The timeline can have a start date and an optional end date that restrict the events that are displayed.

  • Adding a video to your UI

    Supplement your interface with additional materials by adding a video to your application. By using videos, you can provide user guidance or create a richer, immersive experience.

  • Adding a Tooltip

    Harness and Section forms - Adding a Tooltip

Did you find this content helpful? YesNo

Have a question? Get answers now.

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

We'd prefer it if you saw us at our best.

Pega.com is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us