Adding tabs to the case details section

Help users gain instant access to case-relevant information by adding supplementary tabs to the case summary pane.

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 it as a tab to give case workers quick insight into related work.
Note: Applications that use Cosmos React UI do not support custom tabs.
  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.
  5. In the properties pane on the right side of the screen, 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 Add to view.
  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.
      For more information, see Properties.
    2. 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 Icon or value type, select Property value.
    5. In Property value, select the property that holds the count.
    6. Click Submit.