Skip to main content


         This documentation site is for previous versions. Visit our new documentation site for current releases.      
 

Working with views

Updated on October 21, 2022
Applicable to Cosmos React applications

You use views to display and collect information in your applicaton, for example, to fulfill requests or process cases. By setting up intuitive views and populating them with fields, you help users process their work with less effort.

Cosmos React introduces a new approach to view authoring. For a brief overview of the most important changes, see Configuring Cosmos React.

Collecting and displaying information

Users interact with your applications by using views, which comprise the interface of each assignment in the case life cycle and each data object. The forms that you can edit to collect user information, tables that display case data, and read-only tabs are all examples of views.

Cosmos React provides you with ready-to-use view templates that cover a many common UX layouts and scenarios. You can edit the views built on certain templates, which enables you to use them to gather user data, while other templates are read-only and are meant for displaying only data that is already in the system. You can reuse most views to improve consistency, and you can make editable views read-only in a different context.

You can find the views associated with your case type or object on the User Interface tab.

For example: The following figure represents a sample User Interface tab in a mortgage application.

UI tab in the case type
The UI tab, displaying a list of views, an edit pane, and a preview.

The view list on the left side of the tab includes all views in the case, including views that the application does not use currently and views that the application creates automatically, for example, full case views.

You use the central Edit pane to configure the content of your view. The Preview presents an image of what your view might look like in context.

Types of views

The Cosmos React framework includes the following types of views on the views pane:

ViewDescriptionEditabilityConfiguration
Full viewThe main interface where the user processes case work or accesses information about a data object. The system creates one full view for each case or data object.Read-onlyConfiguring a full view
Case view (for case types) and object view (for data objects)A view that you create for a specific case or object. These views include custom views that you create during application development and default views that the application creates, namely the Details, Preview, and Summary views. When enabled, the Confirmation view also appears in the case views list.

By default, the system sets Details and Summary views as tabs on the full view page.

Read-onlyConfiguring case and object views
ListA view that relies on a data source. Depending on the configuration, the system can display lists as tables or tile-based galleries. By default, every case includes a list that contains open cases. Data objects do not use list views.Editable and read-onlyConfiguring list views
FormA view that the user interacts with when working on the case. The system creates a from view for each step in the workflow when you click Configure view on the Workflow tab. The Create and Edit views, which appear automatically in the Form list, represent the opening form of your application and the form that is connected to the edit button in the case header respectively. The form list also includes the default case history list view. Form views use the default form template or simple column templates.Editable and read-onlyConfiguring forms

Populating views with content

You can populate views with UI elements, such as text fields, checkboxes, lists, and other views. You can reuse the same fields in different views and contexts and configure their behavior to meet your business needs. For more information, see Configuring fields.

Depending on whether your view is editable or read-only, the same field, or the same reused view, might look differently.

For example: In the following scenario, a mortgage application includes a Mortgage type view. The view is a form, and it is attached to a step in the case workflow. As an editable form, the view includes drop-down lists and editable fields.
Sample editable view
The editable view includes drop-downs and fields for collecting data.

On the other hand, the same Mortgage type view can be iin a read-only context. In this case, the view is in the Details tab of the case.

Sample read-only view

The application displays the same fields as read-only.

  • Creating views in Cosmos React

    Create personalized views for your cases and data objects to capture and display the information that your users need. By creating a view, you can lower application development time and costs because you can reuse views for multiple contexts.

  • Configuring views

    When users interact with your application, the interface they see is composed of views. Views hold UI components, such as fields, widgets, and other views, and organize them by using out-of-the-box layouts that match common interface scenarios. By configuring a view, you decide which template to use, and what kind of content to display in your view.

  • Configuring fields

    Fields model data in your application UI and define what information you need to provide to reach your business goals.

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

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