Panel Tabs

The Tabs dashboard panel is a Unified Assurance default panel used to display other dashboards in a tabbed interface within a Dashboard.

Grid Details

Each tab in the panel configuration displays a separate tab in the grid. Click on a tab to show the specified dashboard. Each panel can also have controls that are specific for that panel.

Form Fields

• Panel Name: The name of the panel to display in the panel header.

• Tab Type: Either Static, for panels have with all tabs defined ahead of time, or Dynamic, for panels that get the tab definition from an external source.

• Link Target: Controls what happens when a user clicks on a link in a tab. Options include:

  • Current Tab: Opens the link on the current Unified Assurance tab.

  • New Tab: Opens a new Unified Assurance tab.

  • Pop Up: Opens a new Unified Assurance window.

• Tab Properties: If Tab Type is set to Static, the properties define the number of tabs that the panel will contain, and which dashboard is assigned to each tab. You can also customize the Name field to name the tabs.

• Tab Source: If Tab Type is set to Dynamic, this is the complete URL to the external file that will provide the dynamic tab definitions.

• Fit First Panel: Whether the first panel in a tab should be sized to take up the entire tab. If checked, only the first panel will be shown. It will be resized to fit the tab regardless of its actual configuration. Any other panels will be hidden. If not checked, the entire dashboard will be shown as configured in the tab.

• Hide Header: Whether to hide the panel header.

• Width (%): The percent of the dashboard's width that the panel uses, ranging from 10% to 100%.

• Height (px): The height of the panel, in pixels.

Best Practices

If the Tab Type is Dynamic, the external Tab Source should just return a JSON string with an array of tab objects. An example would look like:

[
    {
        "DashboardID":"Tab1",
        "DashboardName":"Pie",
        "DashboardValue":"1035",
        "RenderType":""
    },
    {
        "DashboardID":"Tab2",
        "DashboardName":"Evt",
        "DashboardValue":"1034",
        "RenderType":"",
        "Filters":{
            "property": "MetricTypeName",
            "value": "^(Latency)",
            "operator": "re"
        }
    }
]

The response should contain the following information:

• DashboardID: The order the tabs will appear in.

• DashboardName: The name of the tab.

• DashboardValue: The DashboardID that will be loaded into the tab.

• RenderType: Can be left blank.

• Filters: The filter to be applied to the grid.

  • property: The grid column to apply the filter to. MetricTypeName is the only column supported.

  • value: The metric type to search for.

  • operator: The operation to apply the filter. Valid values are:

    • re for regex

    • eq for equals

    • ne for not equals

    • gte for greater than or equal to

    • gt for greater than

    • lte for less than or equal to

    • lt for less than

    • like for like