Skip to main content


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

Configuring the case page

Updated on October 17, 2022
Applicable to Cosmos React applications

Set up an intuitive case page that provides users with the information that they need to successfully process cases. Whenever you create a new case type, the application automatically adds a case page that represents the visual framework for processing case information.

  1. In the navigation pane of App Studio, click Case types, and then click the case type that you want to open.
  2. On the User interface tab, in the Views pane on the left side of the window, click Case page.
  3. Define the header for the page:
    1. In the Header list, select the field whose content you want to display as the main header.
    2. In the Subheader list, select the field whose content you want to display as the secondary header.
    3. Optional: To remove the default case icon from the header, clear the Show icon in header check box.
    The preview on the right side of the work area reflects the changes that you make to the page.
  4. In the Tabs section, manage the tabs in the pane on the left side of the case page:
    The application sets up the Details and Pulse tabs by default.
    • To create a new tab, click Add, and then enter the name for the tab.
    • To remove a tab, click the Remove icon.
    • To change the position of a tab, drag the tab into place.
  5. Optional: To edit the content of each tab, click the Drill in icon for that tab, and then make the updates that you need:
    • To change the tab template, click Edit, and then click the template that you want to apply to the tab.
    • To change the name of the tab, in the Tab name field, enter a new name.
    • To add a widget, view, field, or an insight to the tab, click Add, and then select the item that you want to add.
    • To change the position of a field or a view on the page, drag the component into place.
    • To remove a field or a view from the page, click the Remove icon.
  6. In the Utilities section, manage the widgets that appear in the expandable pane on the right side of the case page:
    The application sets up the Files and documents and Followers widgets by default.
    • To add a new widget, click Add, and select the widget that you want to use.
    • To change the name of a widget, click the Configure icon, and then provide the new widget name.
    • To remove a widget, click the Remove icon.
    • To change the position of a widget, drag the component into place.
  7. Click Save.
For example:
Structure of the case page
Case page includes a summary pane and a tab list on the left, a utilities pane on the right, and an assignment list and a tab view in the central part of the screen.

The assignment list is where the case page displays the form for each step.

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