Dashboard Editor

Tap the md edit icon next to the dashboard title to edit the layout of the dashboard:

tap pencil

The following elements will be shown:

overview dashboard editor full
  1. Widgets incompatible with the connected smart device will be shown in grey

  2. Active widgets will be shown in green

  3. Inactive widgets will be shown in red

  4. A toolbar is shown in the top-right corner

The incompatible widgets are hidden by default and can be shown by tapping the in the toolbar.

The following options are available for the toolbar:

overview dashboard editor
  1. Tap the icon to close the editor and return to the dashboard

  2. Tap the icon to display useful tooltips on how to use the editor

  3. Tap the icon to show or hide the incompatible widgets

  4. Tap the icon to add a new widget to the dashboard

  5. Tap the icon to display a menu for the dashboard

  • The incompatible widgets can only be moved in the dashboard, not enabled or disabled until connected to a compatible device.

  • The icon(s) in the dashboard editor can be dragged in the dashboard-page for easier access.

Editing the widgets

The widgets on the dashboard can be edited in 2 ways, specifically:

editor default
  1. Drag a widget to a different location on the grid

  2. Tap the icon to edit the location of the widget manually

    The following options are available for manually placing a widget:

    move modal
    1. Select a column(1) for the widget to be moved to

    2. Select whether the widget should be added to the top or the bottom of the column.

    Complete the move by tapping the 'Accept' button or close the modal without changes by tapping the 'Cancel' button.

    (1): The third column is reserved for the photo editor widget.

  3. Tap the icon on the title to edit the title of the widget

  4. Change the settings of the widget

  5. Remove the widget from the list

  6. Enable or disable the widgets by tapping the content of the widget.

It is NOT possible to alter the size of the widgets. If a column is empty however, the other columns (except for the photo and video-control) will be resized accordingly.

A different layout is used depending on the orientation of the tablet (landscape of portrait).

For your convenience, the icon can be dragged around on the dashboard-page in case it overlays the controls of the widgets.

Editing the title of the widget

Tap the icon next to the title of the widget to change the properties:

title edit modal

Enter a new name for the widget to be shown and tap the button 'Accept' to change the title of the widget.

Moving the widgets

Drag a widget by holding the icon, dragging the widget and release the icon in the new location:

dashboard drag widget
The third column in the grid is reserved for the 'Photo' widget.

Placing a widget

Tap the icon to view the options for the widget.

widget location settings
  1. Tap the column for the widget to be moved to (column 1,2,4 or 5).

  2. Select the position of the widget (Top or bottom).

  3. Tap the option 'Move' to relocate the widget to the entered settings.

  4. Tap the button 'Cancel' or tap the icon to close the options without moving the widget.

Disabling widgets

The enabled widgets will be shown with a green background. Tap the widgets with a green background to disable the widget from being shown in the dashboard.

activetap

Enabling widgets

The enabled widgets will be shown with a red background. Tap the widgets with a red background to enable the widget from being shown in the dashboard(1).

inactivetap

(1): Only 2 widgets can be shown on a mobile. If necessary, disable another widget before enabling the required widget.

Closing the editor

Tap the button in the top right corner to stop customizing the dashboard.

tap close

Dashboard editor tooltips

Tap the icon to display or hide the tooltips for the dashboard editor:

taptooltip

Hidden widgets

Tap the icon to show widgets incompatible with the current connected device. These widgets will be displayed in grey.

tap unhide widgets
Even though these widgets can be shown, they cannot be enabled or disabled, only relocated.

This feature is most useful when switching between device-types quite often.

Tap the icon to hide the incompatible widgets.

tap hide widgets

Adding widgets

Tap the icon to add a new widget to the dashboard:

tapadd

The following options will be shown:

widget add modal
  1. Tap the option 'Type' to display a list of available widgets to add:

    widget type modal
    1. Tap to select the type of widget to add

    2. Tap the button 'OK' to select it

  2. Select in which column the widget should be added

  3. Select whether the widget should be added at the top or bottom of the column

  • The GoVirtual widget can only be added to the dashboard once.

  • The third column is reserved for the 'Photo' widget and cannot be used to add new widgets.

Dashboard configurations management

Tap the icon to display a menu for the dashboard:

overview dashboard menu
  1. Tap the option 'List' to display a list of stored dashboard configurations. This modal can be used to load earlier saved dashboard configurations or to delete exisiting dashboard configurations.

  2. Tap the option 'Save' to save the current dashboard configuration.

  3. Tap the option 'Save As' to save the current dashboard configuration with a different filename.

  4. Tap the option 'Import' to import an exported dashboard configuration.

  5. Tap the option 'Export' to export a saved dashboard configuration.

  6. Tap the option 'Reset' to reset the current dashboard to the default configuration.

The dashboards aren’t stored on the connected device, only on the device ZBOS Control has been installed on.

List of stored dashboards

Tap the option 'List' to display the stored dashboard configurations:

dashboardlist
  1. Tap the tab at the top of the modal to select the location of the stored dashboard.
    Tap the option 'Local' to view the dashboards stored in the Control app.
    Tap the option 'Cloud' to view the dashboards stored in the Cloud account of the logged in user(1).

  2. Enter a search term to filter the list of available dashboards.

  3. Tap a dashboard in the list to allow the dashboard to be loaded.

tapopendashboard
  1. Tap the to delete the stored dashboard configuration(2).

tapdashboarddelete

(1): This tab will only be shown if the user is logged into the cloud.
(2): This This will not erase the current dashboard, only the saved configuration. To reset the current dashboard, see Resetting the dashboard.

Saving a dashboard

Tap the option Save in the menu to store the current dashboard configuration:

tapsave

When saving a dashboard for the first time, a modal will be shown asking for a name for the dashboard configuration:

save name modal
  1. Enter a name for the dashboard configuration.

  2. Tap the button 'Accept' to save the dashboard configuration.

Saving the dashboard for the following events, only a confirmation message is shown:

save confirmation message

Saving a duplicate of the dashboard

Tap the option 'Save As' in the menu to store the current dashboard configuration with another filename:

tapsaveas

Exporting a dashboard

  • Only locally stored dashboards can be exported.

  • Permission for Control to access the device’s storage is required to export the dashboard.

Tap the option 'Export' to display the list of stored dashboard configurations:

tapexport

Tap the button md download to download the dashboard to the connected device:

tapexportexport

The selected dashboard will be downloaded to a default location with a default filename on iOS or Android devices. For example, the dashboard configuration named 'Example' will be saved as Example.dashboard in the Downloads/ZBOS/Dashboards folder:

export notification

When using the website portal, a custom filename and file location can be selected:

windows export

Importing a dashboard

Tap the option 'Import' to display a modal asking for the exported dashboard to import:

tapimport
importmodal

Tap the option 'Select File' to open an explorer window asking for the dashboard(s) to be imported:

tapimportselect

Select one or more dashboard-file(s) to import and tap the button 'Open' to upload the file(s) to ZBOS Control:

explorerimport

Tap the button 'Import' to add the uploaded dashboard configurations to the list:

tapimportimport

A message will be shown stating the dashboards have been successfully imported.

The imported dashboard still needs to be opened. See the chapter List of stored dashboards for more information.

Resetting the dashboard

Tap the option 'Reset' to reset the dashboard to the default settings:

tapreset
This will also reset the filename.