Pages and cards show information and data about your machines. While you can create individual pages and cards for each individual machine, you can also create a single page (and card) whose content dynamically adjusts to the machine.

A dynamic page and card can be divided into the following content:

• General components
• Data components
• Dynamic text (can be applied to all components)
  • 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 on your pages and cards, using the Mustache template system.

How do I use Mustache tags?

Mustache tags can be used in any text field. This also means inside your custom translations and inside a Text note component's markdown.

• Go to the Studio, open any of your pages or cards, 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}}

You can find all available Mustache tags below.

Available Mustache tags

All currently available Mustache tags are listed below.

{{agent.activeVpnSession.rscServer.name}}
{{agent.activeVpnSession.rscServer.publicId}}
{{agent.activeVpnSession.vpnAddress}}
{{agent.custom.<custom_field_identifier>}}
{{agent.description}}
{{agent.lastSeenAgentUserAgent.firmwareVersion}}
{{agent.lastSeenAgentUserAgent.hardware}}
{{agent.lastSeenAgentUserAgent.hardwareVersion}}
{{agent.location.name}}
{{agent.loggingMdrServer.name}}
{{agent.loggingMdrServer.publicId}}
{{agent.loggingMqttChangedOn}}
{{agent.macAddress}}
{{agent.mdrServer.name}}
{{agent.mdrServer.publicId}}
{{agent.mqttChangedOn}}
{{agent.name}}
{{agent.publicId}}
{{agent.rateLimiting.configMqttCommandCounter}}
{{agent.rateLimiting.configMqttCommandLastHit}}
{{agent.rateLimiting.configMqttDataCounter}}
{{agent.rateLimiting.configOpenvpnCounter}}
{{agent.rateLimiting.configOpenvpnLastHit}}
{{agent.serialNumber}}
{{agent.type.name}}
{{agent.type.publicId}}