Design and use of definable graphical dashboards

First, we create two dashboards. We create them to show how they can be grouped and included in the application’s main menu in different ways. Let’s say we will create the "Assembly progress" and "Delivery progress" dashboard.

We create two dashboards, give them names and can categorize them in the "supervision" category. If we have a lot of dashboards, it is worth categorizing them to facilitate later navigation. We save the data.

We can move on. We create dashboard groups.

Dashboards are panels with data. However, we have often noticed that this data is often quite complicated and contains a lot of indicators that are further divided into certain data areas. Therefore, it would be good if the user could create several such panels and display them in one view. This is what dashboard groups are for.

By the way, we take advantage of the fact that a group of dashboards can be connected to the main menu of the application. This way, the user will be able to quickly go to the selected dashboard. Using this method, we can also make dashboards available in individual sections of the system, so that the user can find them in the place where they use, for example, the service module.

We add our designed dashboards to this group.

We can move on to designing the appearance of the dashboard.

We go to the list of dashboards, select the dashboard we are interested in and select the Design action.

We go to the dashboard designer. We start creating the appearance of the dashboard. We can choose from three main components (lines) that create the main structure of the dashboard. These are:

In our case, we select several titles, one supervision summary line, and one line with supervision data divided into two panels. Importantly, the line configuration allows us to decide whether we have one tile or four in one line. Here we decide on a line with three tiles and two panels in a line.

We proceed to filling in the data. Each line has the so-called places to which we can add content directly from the designer view. Select the '+' button and select the item you want to add. In our case, we add elements related to the supervision module. After adding each element, the configuration of the given element is displayed. Here we can define what we want and how to display it.

We save the entire configuration. We finish our work and can start viewing the dashboard and seeing how the data looks like. We save it with the Save button and then select the preview with the Preview button.

If the data doesn’t look the way we want, we can go back to the designer and change the configuration. We can also add new elements, remove old ones, change their configuration, etc. Complete freedom. After saving the dashboard, it is also available to users in the appropriate system menu where we placed it. As you can see, the dashboards form a group and our dashboard together with the second designed one create a group of tabs after entering this view.