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, set whether the widget should be visible or hidden. You can also define for which specific roles the widget will be shown or not. This setting allows you to customize dashboards for specific user groups that have a certain role.

    Visible: The widget is visible for all (default)
    Visible for roles: The widget is visible if any of the selected roles matches one of the user's project role
    Hidden: The widget is hidden for all
    Hidden for roles: The widget is hidden if any of the selected roles matches one of the user's project role

  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.