Dashboards and Low-Code Apps tutorials
Dashboards tutorials
| Name | Description |
|---|---|
| Displaying a custom empty component message | Add a custom message when a query returns no results for any of the following components of a dashboard: table, grid, pie & donut chart, line & area chart, timeline, and node edge graph. |
| Leveraging feeds in a web component | Embed another webpage or HTML content directly into your dashboard using a web component. |
| Leveraging controls and feeds to create a dynamic GQI query | Discover how to harness controls and feeds that are used in a GQI query, so that an update to the user input will lead to an updated GQI result. |
| Getting started with node edge graphs | Build a basic network diagram using GQI queries with a node edge graph component. |
| Creating a parameter table connected to an element feed | Create a parameter table connected to an element feed. |
| Creating an anomaly overview dashboard | Create a dashboard that shows an overview of behavioral change event data. |
Note
Most of the content in the Dashboards tutorials also applies for Low-Code Apps, as the functionality of these modules overlaps. Components that can be used in a dashboard can usually be used in exactly the same way in a low-code app. Consequently, it can occur that a low-code app is used as an example within a Dashboards tutorial.
Tip
See also:
Low-Code Apps tutorials
| Name | Description |
|---|---|
| Creating and publishing an app | Create and publish your first low-code app. |
| Editing an existing app | Edit an existing low-code app. |
| Managing the pages in an app | Add, change, duplicate, and remove pages in a low-code app. |
| Creating and showing a panel | Show a panel in a low-code app. |
| Using a header bar | Use a header bar in a low-code app. |
| Running a script when a page opens | Run a script when a page of a low-code app is opened. |
| Chaining actions | Perform consecutive actions in a low-code app. |
| Using the stepper component in a low-code app | Add and configure a stepper component in a low-code app to help with managing incidents and their different states. |
| Styling a table component | Style a table component in a low-code app using GQI queries and the Template Editor. |
| Using the maps component in a low-code app | Add and configure a maps component in a low-code app to visualize cell towers, their connections, and their coverage. |
| Getting started with the grid component | Getting started with a grid component in a low-code app using GQI queries and the Template Editor. |
| Creating a visually appealing and user-friendly low-code app | Create an intuitive, visually appealing, and user-friendly low-code app, learning about best practices in low-code app design. |
GQI tutorials
| Name | Description |
|---|---|
| Creating a minus operator | Create a custom operator that subtracts two values and adds the result to a table, e.g. to calculate your profits based on sales and costs. |
| Creating a duration operator | Create a custom operator that calculates the duration based on two datetime values. |
| Optimizing your custom operator | Optimize your custom operator while keeping an eye out for common pitfalls. |
| Providing a custom sort order | Implement a custom GQI column sort order using a custom operator. |
| Building a GQI data source that fetches satellites | Go through an example script that forwards satellites data to the GQI. |
| Creating a parameter table connected to an element feed | Create a parameter table connected to an element feed. |
| Building a GQI data source that retrieves data from a DMS | Create an ad hoc data source to retrieve data from your DMS. |