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