Skip to main content


Adding tabs to the case preview panel

Suggest edit Updated on December 1, 2021
Applicable to Hybrid mode applications

Help users gain instant access to case-relevant information and broaden the context of case previews in applications that are built on Theme Cosmos by adding supplementary tabs to the preview panel.

Each tab displays the contents of a section that you associate with the tab. For example, you can create a section that lists all the dependencies of a case, and use that section as a tab to give case workers quick insight into related work. You can also add item counts to the tab to indicate changes that require attention.
  1. In the navigation pane of App Studio, click Case types, and then click the case type that you want to open.
  2. In the work area, run a case by clicking Save and run.
  3. Complete the Create dialog box, and then click Create.
  4. On the case page, enter the design mode by clicking Design in the upper-right corner.
  5. Hover over the case header, and then click the Edit this section icon.
    Sample case header in design mode
    Sample case header for a Student loan application in design mode in
                                App Studio
  6. In the properties pane on the right side of the window, in the Preview content (Grouped – tab) section, click the Add icon.
  7. In the section list, hover over the name of the section that you want to use as a basis for the new tab, and then click the Add to view icon.
  8. Close the Add pane.
    The system saves the changes automatically.
  9. Optional: To add counters that indicate the number of related items in a tab, configure the tab section:
    1. Create a property that holds the count.For example: Create a property similar to the pxCoveredCount property.
      For more information, see Properties.
    2. In the properties pane on the right side of the window, hover over the section that represents the tab, and then click the Edit this section icon.
    3. In the Container settings section, select the Include icon or value check box.
    4. In the Icon or value type field, select Property value.
    5. In the Property value field, select the property that holds the count.
    6. Click Apply.
For example:
Example of a preview tab with item count
Treatments tab with an item count of 1
Did you find this content helpful? YesNo

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. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us