Home / General reference / Dashboard / Dashboards

Dashboards

Article • 09.12.2022 • 5 minute(s) to read
Dashboards are the primary graphical user interface for displaying and interacting with data in the Novunex Platform. Each Dashboard consists of one or more Widgets that are organized in Layouts. While each Widget has specific functionality, like displaying a chart or editing data, the Layouts arrange the Widgets within the Dashboards.

Dashboards Parameters

Dashboard Parameters are used to pass data between Widgets. The Widgets can be on the same or on different Dashboards. The Dashboard Parameters are passed between the Widgets as URL Parameters. Hence, Dashboard Parameters are name-value pairs.

Working with Dashboards

Dashboards Overview

The Dashboard Overview is the starting point to see what Dashboards already exist, to create new Dashboards and to edit or delete existing Dashboards.

Sections of the Dashboard Overview

Search and create new Dashboards

  • You can enter a full name or part of a name of a Dashboard into the search box and press Search so that the Dashboard List only shows Dashboards with matching names.
  • Create new dashboard opens the Dashboard Editor and you can start designing a new Dashboard.
Dashboards List

List all Dashboards and provides ways to interact with them:

  • ID - Internal identifier of the Dashboards
  • Name of the Dashboard - You can click the name to edit the Dashboard.
  • APP - Novunex App this Dashboard belongs to
  • CREATED - Shows when the Dashboard was first created.
  • LAST MODIFIED - Shows when the Dashboard was last modified.
  • - By clicking here, you get the option the Edit or Delete the Dashboard.
Pagination
You can navigate through the pages of the Dashboards List by clicking on the numbers on the right. You can select the number of Dashboards per page with the drop down on the left.

Dashboards Editor

The Dashboard Editor in the Novunex Platform is designed to create and modify Dashboard. By default there are no Dashboard in your Novunex Subscription. Thus, you have to create a new Dashboard to visualize and interact with data in the Novunex Platform.

Sections of the Dashboard Editor

The menu items let you control the Dashboard Editor:

  • Dashboard properties - This button open a new menu to edit basic properties of the Dashboard
    • GUID - The global unique ID is shown on top of this menu
    • Assigned User Groups - All Users in the User Groups specified here can access the Dashboard via their Home menu. By clicking on Add User Group, a User Group can be added by specifying its name. Clicking removes the User Group again.
    • Assigned User - All Users specified here can access the Dashboard via their Home menu. By clicking on Add User , a User can be added by specifying the user name. Clicking removes the User again.
      • Default - When this option is activated, the corresponding Dashboard is selected the default Dashboard in the Home menu of the User.
    • Save & close - Saves all modifications and closes the Dashboard properties menu.
  • Layout - This button open a new menu to select the column partitioning of the Dashboard:
    • Various fixed layout can be selected here
    • The Dynamic option enables you to specify you own column partitioning. When Dynamic is selected in the Layout menu, the actual specification is done in the Dashboard design canvas:
      • Each column of Widgets in the Dashboard design canvas gets a header to select the column with.
      • Multiple Widgets can be placed in each column and all of them have the same width as the column.
      • The column width is specified in percent.
      • If the sum of the column width is larger than 100%, the Dashboard Editor automatically creates a new row of columns.
      • The widths of columns in a new row can be choose independently of the widths in the previous row.
      • The width of each column can be selected as 20%, 25%, 33%, 40%, 50%, 60%, 66%, 75%, 80%, 100% and Dynamic. Dynamic means that the Novunex Platform will automatically set the column with so that the sum of the columns reaches 100%. E.g., if there are three columns where the first column is set to 25%, the second column 33% and third column to Dynamic, the third column will have an effective width of 42%.
    • Save changes - Applies the changes to the Layout
    • Cancel - Discards the changes to the Layout
  • Add widget - Opens a menu to add a Widget to the Dashboard and configure the Widget
    • Name - Name of the Widgets in the Dashboard
    • Widget Type - Select the Widgets to add to the Dashboard
    • The available configuration of the Widgets is shown and can be edited here. The configuration can also be edited also later on once the Widgets has been added.
    • Save - Adds the Widgets with the specified configuration to the Dashboard
    • Cancel - Discards the Widgets
  • Cancel - Closes the Dashboard Editor without saving the changes.
  • Save & close - Saves all changes and closes the Dashboard Editor
  • - Clicking here opens more save options:
    • Save - Saves all changes
    • Save as… - Saves the Dashboard under a new name

Widgets

Widgets provide the functionally to Dashboards, like displaying a chart or editing data. The Novunex Platform comes already with a number of predefined Widgets that provide frequently required functions. While the table below explains the configuration of the predefined Widgets, the Novunex Platform also offers the possibility to create customized Widgets:

This table list all available Predefined Widgets.

Icon Name Description
Button Filter The Button Filter sets Dashboard Parameters and opens other Dashboards. [Learn more]
Chart Widget The Chart Widget shows customized Chart Widgets. [Learn more]
Clock Clock showing the current Browser time. [Learn more]
Countdown Countdown shows a timer counting down for a specified duration. [Learn more]
Data Editor Data Editor allows you to manipulate Entities of a specific Entity Type. [Learn more]
Data Explorer The Data Explorer allows you to browse and modify Entities of an Entity Type. [Learn more]
DropDown Filter DropDown Filters sets a Dashboard Parameter from a DropDown. [Learn more]
Form Widget The Chart Widget shows customized Form Widgets. [Learn more]
Html The Html Widget is a container for your own Widget defined in HTML and JavaScript. [Learn more]
Html Report The Html Report renders the results of a Data Query based on your custom HTML and JavaScript. [Learn more]
Report Explorer The Report Explorer renders, searches, filters and links results of a Data Query. [Learn more]
Report Viewer The Report Viewer renders results of a Data Query as a table. [Learn more]
Run Report Run Report allows Users to trigger the generation of a Report. [Learn more]
Sliding Dashboard Sliding Dashboard automatically open different Dashboards in a loop. [Learn more]
Start Process The Start Process Widget provides buttons to start Processes. [Learn more]
Task List The Task List shows the current Tasks of a User. [Learn more]
User Name The User Name shows the User name of the User. [Learn more]
View Widget The View Widget is a container to place and show View Widgets. [Learn more]
In this article