Bosch IoT Insights

Tab widget

Using the Tab widget, tabs can be defined to separate information. One or more widgets can be added to each tab.



Proceed as follows

  1. Select the Tab widget in the widget list.
    → The widget configuration page is displayed.

  2. Configure the settings as described below.

  3. Click the Add button.
    → The widget is added to the dashboard.

Dashboard Settings

Open the Dashboard Settings pane to set how the widget is displayed in the dashboard.

  1. In the Size drop-down list, decide how much space the widget should take in the form of columns.

  2. In the Visibility drop-down list, decide whether the widget should be shown or hidden in the dashboard.

  3. In the Title field, enter a title for the widget.

    For a dynamic title, you can add placeholders with the ${...} notation. The placeholder source is filterParams (if a filter widget exists on the dashboard, e.g. ${filterParams.paramName}).

Tab Settings

  1. Click the Add Tab button to add a tab.

  2. Open the Tab: New Tab pane to configure the tab.

  3. In the Add Widget drop-down list, select the configured widget(s) to be displayed underneath the tab.

    To edit the selected widget, click the Edit icon images/confluence/download/thumbnails/1083888396/icon_edit_gray-version-1-modificationdate-1602594229000-api-v2.png . To remove the selected widget, click the Remove icon images/confluence/download/thumbnails/1083888396/icon_remove-version-1-modificationdate-1602594229000-api-v2.png .

  4. In the Label field, enter a tab name.

  5. Activate the Visible checkbox to have the tab displayed in the widget.

  6. In the Icon drop-down list, select an icon that shall be displayed with the label of the tab.

  7. Repeat the steps to add one or more tabs to the widgets.

To remove a tab, click the Remove Tab button.