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.

Example

images/confluence/download/attachments/1083888396/widget_tab_example_2020_08_27-version-1-modificationdate-1602594230000-api-v2.png

Proceed as follows

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

    images/confluence/download/attachments/1083888396/widget_tab_configuration_2020_08_27-version-2-modificationdate-1619696955000-api-v2.png
  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 Layout behavior drop-down list, decide how the size of the widget should be adapted in the dashboard.

  4. 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.