System and method for previewing a dashboard display on various form factors

A non-transitory computer-readable medium having stored thereon instructions that, in response to execution, cause a system comprising a processor to perform operations, the operations comprising:

• enabling display of a display cell comprising a first graphical object configured to present data from an industrial automation system, wherein the display cell is positionable about a dashboard design canvas of a design graphical user interface (GUI);
• subsequent to placing to the display cell a first template tag representing a first property of a model, automatically tying the data to a property of the first graphical object;
• subsequent to placing to the display cell a second template tag representing a first property of a model:
• enabling display, in the display cell, of a second graphical object;
• and
• automatically tying the data to a property of the second graphical object;
• and
• in response to receiving an input to display a preview GUI of the dashboard design canvas, enabling display, on the preview GUI and according to a preview mode, of a preview of the dashboard design canvas comprising the display cell, wherein the preview mode is selectable from a plurality of preview modes comprising a monitor device preview mode and a handheld device preview mode;
• wherein the monitor device preview mode causes the preview GUI to enable display of the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a monitor device having a screen resolution greater than a monitor threshold;
• and
• wherein the handheld device preview mode causes the preview GUI to enable display of the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a handheld preview device having a screen resolution less than the monitor threshold.

A system for previewing a dashboard report comprising:

• a memory that stores executable components;
• and
• a processor, operatively coupled to the memory, that executes the executable components, the executable components comprising:
• a display component for enabling display of a display cell comprising a first graphical object configured to present data from an industrial automation system, wherein the display cell is positionable about a dashboard design canvas of a design graphical user interface (GUI);
• and
• a visual manager, operatively coupled to the display component, configured to:
• subsequent to placing to the display cell a first template tag representing a first property of a model, automatically tie the data to a property of the first graphical object;
• subsequent to placing to the display cell a second template tag representing a second property of the model:
• enable display, in the display cell, of a second graphical object;
• and
• automatically tie the data to a property of the second graphical object;
• in response to receiving an input to display a preview GUI of the dashboard design canvas, enabling display, on the preview GUI and according to a preview mode, of a preview of the dashboard design canvas comprising the display cell, wherein the preview mode is selectable from a plurality of preview modes comprising a monitor device preview mode, a tablet device preview mode, and a phone device preview mode;
• wherein the monitor device preview mode causes the preview GUI to enable display of the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a monitor device having a screen resolution greater than a monitor threshold;
• wherein the tablet device preview mode causes the preview GUI to enable display of the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a tablet device having a screen resolution less than the monitor threshold and greater than a tablet threshold;
• and
• wherein the phone device preview mode causes the preview GUI to enable display of the preview of the dashboard design canvas as the dashboard design canvas would appear when viewed on a phone device having a screen resolution less than the tablet threshold.