LinkedIn
Copied!

Table of Contents

Adding tabs to the case preview panel

Version:

Only available versions of this content are shown in the dropdown
Applicable to Theme Cosmos 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. Enter the design mode by clicking Design in the upper-right corner.

  4. 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
  5. In the properties pane on the right side of the window, in the Preview content (Grouped – tab) section, click the Add icon.

  6. 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.

  7. Close the Add pane.

    The system saves the changes automatically.
  8. 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.

      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.

Example of a preview tab with item count
Treatments tab with an item count of 1
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.