Skip to main content
LinkedIn
Copied!

Table of Contents

Configuring the case page

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.

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.

Did you find this content helpful?

Have a question? Get answers now.

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

Ready to crush complexity?

Experience the benefits of Pega Community when you log in.

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

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us