Widget: Data Table

Navigation:  Managing a Site > Business Analytics > Widgets > Available Widgets >

Widget: Data Table

Previous pageReturn to chapter overviewNext page

 

Overview

 

The Data Table widget provides data that is organized/displayed as a table.

This widget can display configurable values, static data/formula results, counter information and/or master data (see Widget Data Sources). In fact, this is the only widget that can use master data as a data source for its series (Master Data = Operator List information provided by the MCL-Mobility Platform).

 

Data Table Widget

 

 

The Dashboard's Details Page

 

To access a widget's settings you must open the details page of the dashboard that includes the widget.

 

Since you must check the intended dashboard in the "Dashboard Management" page and click Edit Button_Header to open it, the details page is, automatically, set to edit mode.

 

To add a Data Table widget to a dashboard, open the intended dashboard, click Add Widget Header Button_2 and select the "Data Table" widget from the listed widgets in the pop-up window. See To Add a Widget to a Dashboard.

 

The editing of a widget's settings is, automatically, viewed in the dashboard's Preview Section (to the right).

 

 

The following step-by-step focuses on a dashboard details page with an added Data Table widget whose settings you can view and edit.

 

To View/Edit the Data Table Widget's Settings

 

 

Note

If the selected dashboard has been created at account level, you will NOT be able to edit any of its settings - the details page will open in view mode without the possibility to set it to edit mode.

 

 

NoteIf you access a widget, edit its settings but do NOT save those changes before exiting, the next time you open that dashboard, the page will display a message warning you that there are unsaved changes.

Click "Save" to ensure that the previous changes are not lost or "Cancel" to discard those previously unsaved changes and start fresh.

 

Dashboard Message_Unsaved Changes_SD

 

 

Step-by-step

 

1. Open the details page of the dashboard that contains a Data Table widget.

 

Widget Data Table_Details Page_1_SD

 

A dashboard details page includes 2 main tabs:

The "Dashboard Properties" tab that relates to the settings of the dashboard itself. See Dashboard Details.

The "Widget" tab which, once you select a widget in the Preview Section, displays the settings of that selected widget.

 

When you open a dashboard's details page, the "Dashboard Properties" tab is open by default.

 

2. Select the Data Table widget.

 

Widget Data Table_Details Page_2_SD

 

Once you select the Data Table widget, the "Widget" tab opens , automatically, with the corresponding settings.

The "Widget" tab includes a common section (related to the Data Table widget's name) and 2 child tabs - "Properties" and "Data".

 

The first available option in the "Widget" tab concerns the Data Table's name. This name identifies the widget in the MCL-Mobility Platform but it is NOT displayed by the widget itself.

The system always suggests a name for an added widget - it is a combination of the widget type and a number (ex: "Data Table 1" for the first Data Table widget you add to the dashboard, "Data Table 2" for the second one and so on).

 

Data Table Name Default

 

3. If required, enter/edit the name of the Data Table widget.

 

TIPWe recommend you rename the widget when you add it in a way that relates to the data it is meant to display.

 

Data Table Name_Operators Data Table

 

 

4. Open each child tab ("Properties" and "Data") and view/fill in the available options as necessary.

 

"Properties" tab

 

The sections are displayed as accordions - you just click the corresponding arrow (to the right) to expand/collapse the content, as needed.

 

Widget Data Table_Properties Tab

 

This tab provides the following information:

 

Title

This title is displayed in the widget's upper left corner. This does NOT identify the widget (that is defined in the "Widget Name" field).

There is a default suggestion ("My title") but we recommend a widget title related to the displayed data/values.

 

Data Table Title ExampleB_SD

 

Define/edit the widget's title. See Details on the Widget's "Colors" pop-up window.

Data Source

Data Source

This field is NOT editable - it informs you of the type of master data you can access/display in this widget.

In this case, the master data focuses on operator data (ex: operator name, log in ID, language, etc.).

 

The Data Table widget is the ONLY widget that displays "master data" (= specific information collected/provided by the MCL-Mobility Platform).

Colors

Widget Background

The color defined for the widget's background.

 

Widget Data Table_Color Background

 

Maintain or choose a different color - click the corresponding box to open a "Colors" pop-up window and define the new color. See Details on the Widget's "Colors" pop-up window.

Widget Title

The color defined for the widget's title, meaning, what you entered in the "Title" field.

 

Widget Data Table_Color Title

 

Maintain or define another color - click the corresponding box to open a "Colors" pop-up window and define the new color. See See Details on the Widget's "Colors" pop-up window.

Table Header Background

The color defined for the background of the widget's table header.

 

Widget Data Table_Color Table Header Background

 

Maintain or click the corresponding box to open a "Colors" pop-up window and choose a different color. See Details on the Widget's "Colors" pop-up window.

Table Header Text

The color defined for the text in the widget's table header.

 

Widget Data Table_Color Table Header Text

 

To choose a different color, click the box to open the corresponding "Colors" pop-up window and define the new color. See Details on the Widget's "Colors" pop-up window.

Series Text

The default color for the values displayed by the widget's series (represented as text/number or the progress bar's filled in space).

 

Widget Data Table_Color Series Text

 

Maintain or choose a different color - click the corresponding box to open a "Colors" pop-up window and define the new color. See Details on the Widget's "Colors" pop-up window.

Filters

Period

The time resolution for the data that is displayed in the selected widget which can be aggregated/grouped by "Hour", "Day (UTC)", "Day (Local)", "Week (Day (UTC))", "Week (Day (Local))" or "Month".

 

In addition to these default time frames, the drop-down may also include time periods from a Time Period profile (= a profile you can create with specific time periods representing specific working hours/shifts so the data sent by your devices can be aggregated according to those working hours/shifts). See Profiles.

 

TIP

If you have a Time Period profile in mind and its time periods are NOT listed here, go to the "Site Details" sub-module, open the "Time Period" tab and check which profile is defined for the site and edit it, if necessary.

 

The time resolution can also be set to "Auto".

The "Auto" option ensures that the data table's displayed data is aggregated/grouped according to the dashboard's own time resolution (which is set with the use of the related resolution drop-drown in the upper right corner).

 

NoteThe defining of a specific resolution for the widget means that the displayed values will NOT be affected by the dashboard's resolution. For instance, if you have a widget with a "Day (Local)" resolution and you set the dashboard's resolution, in the related drop-drown (in the upper right corner) to "Month", that widget will NOT change its values, it will continue to show values aggregated/grouped by "Day (Local)". ONLY the widgets with an "Auto" defined period will refresh their values/adopt the newly defined resolution.

 

Select the intended time period from the drop-down.

Hide empty rows

If this option is checked, the data table's display will be affected - any currently empty rows (without data) will NOT be displayed.

If this option is unchecked, the table will display all the rows even if a row is empty. Ex: In a data table that handles operators, all the operators will be shown, even the ones without data in any of the series.

 

Check/uncheck this option, as required.

 

"Data" tab

 

The "Data" tab handles the widget's multiple series (a series = a set of data represented in a widget's chart/table). This tab allows you to create the necessary series, select the value each one should display and its source. You can also customize its style (ex: define a series' color).

 

Several sections are displayed as accordions - simply click the corresponding arrow to the right to expand/collapse the content, as needed.

 

Widget Data Table_Data Tab

 

The information provided by this tab may vary (ex: the "Colors" section is only available for the "Progress Bar" display mode, the choice of data source activates specific options).

 

Series

The data to display in this widget is grouped into series - each table column represents a series.

The corresponding internal reference for each series is "#S <number>" (ex: "#S1") - it is attributed by the system and CANNOT be edited. It can be used, for instance, in formulas, when you want to identify a series. Ex: A formula defined in a series with a "Static/Formula" data source - "=#S7-100".

A Data Table can accommodate up to 20 series.

 

Use the attached Series_Associated Operations Signs  buttons to add, duplicate or delete series:

 

Click Plus Sign to add more series (maximum of 20 series per widget).

The default name suggestion for each series is "My Series <number>" (ex: "My Series 1") but we recommend defining a name that relates to the value it refers to.

When you add a series, the newly added series comes to focus in this box.

Fill in the related options to define its properties (data source, resolution, color, etc.).

 

Click Duplicate Sign to duplicate the selected series.

The duplicate's name will be the name of the original plus "_copy" - the duplicate becomes the selected series in this box.

Rename the duplicate so it illustrates the value it will represent and fill in/review the related options to define its properties (data source, resolution, color, etc.).

 

TIP

Do NOT forget that you can only add/duplicate up to 20 series.

 

 

Click Delete Sign to delete the selected series.

This option is ONLY enabled once you have more than one series (it is NOT possible to delete all the series of a widget).

 

The existing series are organized into a list. If required, use the Series Repositioning Signs buttons to reposition the selected series above or below another series. The Series Repositioning Signs_UP or Series Repositioning Signs_DOWN signs will be active/inactive depending on the selected series' current position (ex: if the selected series is in the first position, only the Series Repositioning Signs_DOWN will be active).

 

If required, use the Widget Hide Series Button button to hide the selected series and corresponding legend:

 

Click Widget Hide Series Button to make this caption invisible in the widget's display - this button will be replaced with Widget Hidden Series Button;

 

Click Widget Hidden Series Button to turn the caption visible in the widget's display again - this button will return to Widget Hide Series Button.

 

TIP

If you want to edit a series, make sure it is selected in the drop-down before proceeding with your review/edition. The other options/values in the "Data" child tab always relate to the selected series in this drop-down.

Col Name

Each series is represented as a table column.

 

Enter/edit the column's name, as required.

If you do not define a column name, the widget will display the name of the corresponding series (defined in the "Series" option).

Series Value

Data Source

This field references the source of the data to be represented by the currently selected series (in the "Series" option).

This particular widget allows for 4 data source types:

 

"Master Data"

This data source is ONLY available for Data Table widgets. It refers to specific operator related data that is provided by MCL-Mobility Platform (ex: operator name, ID, when the operator logs in/logs out etc.). Selecting this source type activates the corresponding drop-down:

 

Widget Data Table_Master Data_ Data Source_Edit Content

For more information on this predefined information and how to fill in/edit this field, see Data Source: Master Data.

 

 

"Counter"

A counter is an MCL-Mobility Platform entity that aggregates specific data (statistic results of processed metric values that have been sent by MCL applications/paired devices).

See Counters. Having this data source means the series presents a specific value, from a specific counter. Selecting this data source activates the following options:

 

Widget_Counter Data Source_Edit Content

For details on how to fill in/edit the related fields, see Data Source: Counter.

 

"Static/Formula"

This data source allows you to enter a numeric value directly OR  use a mathematical formula to have its result represented by the selected series.

The following option becomes available when you select this source type:

 

Widget_Static_Formula Data Source_Edit Content

For details on how to fill in/edit the related field, see Data Source: Static/Formula.

 

"Configurable Value"

This data source refers to a value that has been configured for a specific purpose, as a sort of KPI (Key Performance Indicator). The series shows that value.

The following option becomes available when you select this source type:

 

Widget_Config Value Data Source_Edit Content

To fill in/edit this field, see Data Source: Configurable Value.

 

The "Value" drop-down is ONLY available if there are already configured values for the current dashboard. If you have a Widget Config Value_Define for Dashboard Button button, instead, it means you must create "configurable values" so you can apply them to this widget series.

 

TIPAs an alternative, access the "Dashboard's Configurable Values" pop-up window by clicking the Widget Configurable Value Button button, available in the header of the dashboard's details page.

Period

This option is NOT available if the selected data source is "Master Data".

 

Refers to the time resolution for the data of the current series, meaning, it defines how the data is aggregated/grouped - "Hour", "Day (UTC)", "Day (Local)", "Week (Day (UTC))", "Week (Day (Local))" or "Month".

 

Selecting the "Auto" option ensures that each series's displayed data is aggregated/grouped according to the resolution defined for the widget and for the dashboard. In other words, when running the widget, the series with a "Period: Auto" setting will have its data aggregated/grouped according to the resolution in the widget (in the "Properties" tab) and, ultimately, to what you select for the dashboard (using the drop-down located on the dashboard's upper right corner).

 

In addition to these default time frames and "Auto", the drop-down may also include time periods from a Time Period profile (= a profile you can create with specific time periods representing specific working hours/shifts so the data sent by your devices can be aggregated according to those working hours/shifts). See Profiles.

 

TIP

If you have a Time Period profile in mind and its time periods are NOT listed here, go to the "Site Details" sub-module, open the "Time Period" tab and check which profile is defined for the site and edit it, if necessary.

 

NoteThe defining of a specific resolution for the widget means that the displayed values will NOT be affected by the dashboard's resolution. For instance, if you have a widget with a "Day (Local)" resolution and you set the dashboard's resolution, in the related drop-drown (in the upper right corner) to "Month", that widget will NOT change its values, it will continue to show values aggregated/grouped by "Day (Local)". ONLY the widgets with an "Auto" defined period will refresh their values/adopt the newly defined resolution.

 

Select the intended time period from the drop-down.

Styles

Column Width

Refers the column width in pixels.

 

Enter the number of pixels for the width of the column.

If you do NOT enter any number, the default option is "auto" - the column width adapts to the widget's size/displayed value.

Display Mode

There are several display modes that can be applied to the value displayed by the selected series: "Textual", "Number", "Number (decimals)" or "Progress Bar".

Selecting a display mode affects the options that follow - the tab will adapt its available options to the selected display mode.

 

Widgets_ Display Mode_DropDown

 

The "Textual", "Number" and "Number (decimals)" display modes have the same related options. The "Progress Bar" display mode enables its own options.

 

Textual/Number/Number (decimals)

 

Font Style

Data Table_Display Mode_Textual

The font size of the text in the column. Select a size from the drop-down.

The color of the series' text/numbers.

If, instead of a color, you have a Delete Search Icon_2, it means that there is no text color defined for this series and it will apply the default widget color set in the "Properties" tab.

If you want to define a color, click the box to open a "Colors" pop-up window where you can define a color.

See Details on the Widget's "Colors" pop-up window.

Define the required effects (bold or italic) for the text/numbers.

The button of the selected effect will be highlighted.

Choose the text/numbers position (aligned to the left, centered or aligned to the right).

The highlighted button informs you of the defined text/numbers position.

 

Progress Bar

 

Data Table_Display Mode_Progress Bar

 

This display mode activates the "Colors" section.

 

Display as

References how the value is presented in the progress bar. Select one of the available options:

 

"None" - the values will NOT be referenced in the progress bar.

 

"Percent" - The value is represented as a percentage. This display type activates options related to the adopted symbol for the value and its color (a box with a percentage symbol hint and a box with the symbol's color in the progress bar).Enter the suggested symbol (%) or the one you require and define the color for the value + symbol by clicking the color box to select the intended color. See Details on the Widget's "Colors" pop-up window.

 

"Value" - the value referenced in the progress bar is represented as a unit.

This option activates fields related to the value's adopted measure unit (ex: units, Km, L) and its color (= a box to define the measure unit and a box to select its color in the progress bar).

Enter the suggested measure unit ("Unit") or the one you require in the box next to the drop-down. Ex: "units", "Km".

Click the color box to open a "Colors" pop-up window and define the intended color for the value + measure unit. See Details on the Widget's "Colors" pop-up window.

Max Value

The maximum value that can be represented in the progress bar.

 

Define the maximum value. If, instead of a number value, you define "Auto", it means the progress bar's maximum value will adapt itself to the received value.

Visually speaking, the progress bar will always be full because its maximum value is the highest value the series receives.

Size

The progress bar's width and height.

 

Define the width and height and how the value to be displayed should be positioned within the progress bar in the corresponding field.

The highlighted button informs you of the currently defined position for the value within the progress bar (aligned to the left, centered or aligned to the right).

 

"Textual" Example

 

Data TableTextual Example

 

"Progress Bar" Example

 

Data Table Progress Bar Example

 

Colors

Chart Area

Only available if the value is displayed as a progress bar - it represents the empty space of a progress bar.

To choose another color, click the box to open a "Colors" pop-up window and define a new one. See Details on the Widget's "Colors" pop-up window.

 

Widget Data Table_Color standard

Series Bar

Only available if the value is displayed as a progress bar - it is the color of the space that represents the value.

To define a different color, click the box to open a "Colors" pop-up window and choose it. See Details on the Widget's "Colors" pop-up window.

 

Series Bar Conditional Color Options

If required, you can customize the color of the area that represents the value in the progress bar further, depending on the currently displayed value.

Click the arrow to the right of the "Series Bar" option to access these advanced options:

 

Widget Text_Conditional arrow down1

 

You can add up to 3 value conditions to the defined color and attribute a color to each condition.

Example:

 

Text_Progress Bar_Color Advanced Options

 

The color box refers the color the value area will have when the series receives the value that fits the defined condition.

Next to the Widget Gauge_Conditional minor (less than or equal to) symbols are the conditional values that trigger the different colors for the value areas. This conditional value can be static (a number) or dynamic - it can refer to another series' value, in which case, the corresponding field will be filled in with the intended series' internal reference (ex: "#2").

 

Check the following value condition examples:

 

Widget Data Table_Conditional Color1   Widget Data Table_Conditional Color2

 

 

 

Widget Data Table_Conditional Color3.....Widget Data Table_Conditional Color4

 

 

 

5. Once you are done editing, click Save Header Button_2 to ensure that your changes are applied.

 

NoteIf you exit this page (the dashboard's details page) without saving your edition, the "Auto-Save" mechanism keeps these changes for some time. You can save them the next time you access the dashboard - there is a message to remind you that there are unsaved changes. See The Dashboard's "Save" Feature.