Bosch IoT Insights

Arranging widgets in the grid-based layout

With the grid-based layout, you can easily change the size and the position of widgets on your dashboards.

Prerequisites

  • You have added a dashboard with the grid-based layout as described in Dashboards.

  • You are assigned to the Power User role or higher.

    If the permissions are not sufficient, the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget is hidden.

Editing widgets

Proceed as follows

Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget you want to edit and select Edit Widget.

→ The configuration page of the widget is displayed.

Also refer to the Editing a widget chapter.

Rearranging widgets

Proceed as follows

  1. Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in any widget and select Rearrange.

    As an alternative, you can also access the Rearrange action from the menu next to the dashboard name.

    images/confluence/download/thumbnails/2858691592/dashboard_header_bar_menu-version-1-modificationdate-1734421473000-api-v2.png

    → The grid is displayed.

    images/confluence/download/attachments/2858691592/view_rearrange_widgets_grid_layout-version-4-modificationdate-1734421473000-api-v2.png
  2. Drag and drop the widgets to the desired location.

    When dragging a widget, a shade shows you where you can place the widget.

    If you want to place a widget underneath another widget, they must at least share one column.
    images/confluence/download/attachments/2858691592/view_rearrange_widgets_grid_layout_border-version-1-modificationdate-1679390640000-api-v2.png

    To rearrange widgets inside the Tab widget, click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in any widget within the Tab widget and select Rearrange.

  3. To save the changes, click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in any widget and select Save arrangement.

    Alternatively, you can also click the save icon next to the dashboard name.

    images/confluence/download/thumbnails/2858691592/save_rearrangement-version-1-modificationdate-1734421473000-api-v2.png

    → The changes are saved.

Maximizing/Minimizing widgets

Proceed as follows

Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget and select Maximize/Minimize to maximize the widget.

→ The widget is enlarged.

To minimize the widget, click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget and select Maximize/Minimize.

Refreshing a diagram

Proceed as follows

Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget you want to refresh and select Refresh Diagram.

→ The data in the widget is refreshed.

General functions

Resizing widgets

Proceed as follows

  1. Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in any widget and select Rearrange.

  2. Click any border of the widget and drag it to the desired size.
    images/confluence/download/thumbnails/2858691592/view_rearrange_widgets_grid_layout_resize-version-1-modificationdate-1679390639000-api-v2.png

    Widgets have a minimum and maximum size to avoid scrolling and white space.

    For widgets with dynamic data, e.g. the Table widget, the size of the widget is automatically adjusted to display all rows without the need to scroll.

  3. Drop the widget at the desired size.
    → The widget is resized as desired.

Downloading the JSON

Proceed as follows

  1. Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget you want to download the JSON from and select Download JSON.

  2. Open or save the file to the desired location.
    → The widget data has been downloaded.

Downloading the CSV

Proceed as follows

  1. Click the options icon images/confluence/download/thumbnails/2858691592/icon_options-version-1-modificationdate-1679390639000-api-v2.png in the widget you want to download the CSV from and select Download CSV.

  2. Open or save the file to the desired location.
    → The widget data has been downloaded.