GM - Dynamic Tabs

(gmpkg:DataGridTabSetComponent)

Documentation

GM - Dynamic Tabs component is used to display a Tab Set in a Lightning App Page. It could be useful to build a workspace like an SRD Workspace.

Specification

Property	Type	Description
Tabs Config *	String	Tabs JSON configuration describing the tabs and the content for each tab.
Extra Tabs Config	String	Extra Tabs JSON configuration describing the tabs and the content for each tab.
Variant	String	The The appearance of the Tabs : default, scoped or vertical
Show Border	Boolean	Check this option if you wish to add a border.

Example of Dynamic Tabs configuration

[
   {
      "label": "Contacts",
      "components": [
         {
            "component": "gmpkg:ListViewDataGridComponent",
            "attributes": {
               "relatedObjectName": "Contact",
               "listViewName": "AllContacts",
               "canCreate": false,
               "canUpdate": true,
               "canDelete": true,
               "canFilter": true,
               "recordDetail": true,
               "inline": true,
               "showBorder": true,
               "showColumnBorder": true               
            }
         }
      ]
   },
   {
      "label": "Accounts",
      "components": [
         {
            "component": "gmpkg:ListViewDataGridComponent",
            "attributes": {
               "relatedObjectName": "Account",
               "listViewName": "AllAccounts",
               "canCreate": false,
               "canUpdate": true,
               "canDelete": true,
               "canFilter": true,
               "showBorder": true,
               "inline": true
            }
         }
      ]
   }
]

API Reference

DataGridTabSetComponent.design

<design:component label="GM - Dynamic Tabs">
    <design:attribute name="tabItems" label="Tabs Config." description="Tabs JSON configuration"/>
    <design:attribute name="extraTabItems" label="Extra Tabs Config." description="Extra Tabs JSON configuration"/>
    <design:attribute name="variant" label="Variant" description="The appearance of the tabset (default|scoped|vertical)"/>
    <design:attribute name="showBorder" label="Show border?" />    
</design:component>