Cards, pages, and reports show information and data about your machines. While you can create individual pages for each individual machine, you can also create one page whose content dynamically adjusts to the machine. This goes for cards and reports as well.

The content on a dynamic card, page, and report can be divided into:

• General components
• Data components
• Dynamic text
  • How do I use Mustache tags?
  • Available Mustache tags

General components

All components in the Info and Remote Access category are dynamic by default. Some components that fall into these categories are:

• Device Info
• Event Log
• VPN Connect
• and more

Data components

All components in the Historical Metrics and Live Metrics category can be dynamic, but require specific device configuration. Some components that fall into these categories are:

• Line Graph
• Data Table
• Live Status
• and more

These data components show data based on identifiers. If these identifiers are the same in multiple devices, you can use a single page for all these devices. The data that is shown will then dynamically adjust, showing data of the device that you are viewing.

• Visualize machine data in any desired component as you normally do.
• Go to Fleet Manager > Devices > Your device and take note of:
  • The Identifier of the data source(s):
    
  • The Identifier of each variable and data tag:
    
• Go to the other device and make sure the identifiers match. They need to be identical.

Because the identifiers at both devices are the same, the data component will dynamically show the correct machine data, depending on which device you are viewing.

Dynamic text

Machine information like the machine's name, description, project number (custom field), a link to the machine's user manual (custom field), and much more using custom fields can be included in any text field using the Mustache template system.

How do I use Mustache tags?

Mustache tags can be used in many text fields. This also means inside your custom translations and inside a Text note component.

• Go to the Studio, open any of your cards, pages, or reports and make sure to select a device for preview.
• Select the desired text field and enter the appropriate Mustache tag.
  • For example, to show the machine's description, you enter:

    {{{agent.description}}}

    To show a custom field value, you lookup that custom field's Identifier at Admin > Custom fields and use the following syntax:

    {{{agent.custom.<custom_field_identifier>}}}

    For example, if the custom field's identifier is "comUserManual", the Mustache tag looks as follows:

    {{{agent.custom.comUserManual}}}

For an overview of all available Mustache tags, see List of available mustache tags.