Add TabBar in SR details page - Design and Best Practices

This post covers how to add tabbars, attach sections in the tabbar, have compose and pending section intact even on navigating across tabs, load tables within tab.

Tabs can be added to SR details page as shown in the image below:

Navigate to "cx-svc-sr-details" fragment, click on "Types" add a type "tabType" with Type "Object" 

"types": {
    "tabType": {
      "itemKey": "string",
      "id": "string"
    },

In the Fragment, click on "Variables" and create the below variables:

• "tabValues" - Type: "Array", Array Item Type: "Object"

• "tabIds" - Type: "Array Data Provider", In Data select "Bind Data to Variable" select "tabValues" variable. Select "itemKey" as key attribute and "label" as text filter attribute