Skip to content

Tabs

The Tabs dashboard panel is an Assure1 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 - Name of the panel to be displayed in the panel header.

  • Tab Type - Static type panels have all of the tabs defined ahead of time. Dynamic panels get the tab definition from some external source.

  • Link Target - This option controls what happens when a user clicks on a link in a tab. Options include:

    • Current Tab opens the link on the current Assure1 tab.

    • New Tab opens a new Assure1 tab.

    • New Window opens a new Assure1 window.

  • Tab Properties - The number of tabs that the panel will contain, and which dashboard is assigned to each tab. The Name field can also be customized to name the tabs.

  • Tab Source - The external file that will provide the dynamic tab definitions. This field should be a complete URL to the source.

  • Fit First Panel - Whether or not 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 or not the panel header should be shown.

  • Width - Limit the panel to a specific percent width of the dashboard, ranging from 0.01 to 1.

  • Height - Limit the panel to a specific height 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:

  • The DashboardID is the order the tabs will appear in.

  • The DashboardName is what the tab will be named.

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

  • The RenderType can be left blank.

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

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

    • The value is the metric type to search for.

    • The operator is the operation to apply the filter. Acceptable 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

Back