Page History

...

{
  "Name": "MyDisplay",
  "PanelType": "Canvas",
  "DisplayMode": "Page",
  "Size": "1366 x 728",
  "Elements": [
    {
      "Type": "Rectangle",
      "Left": 100, "Top": 100, "Width": 200, "Height": 150
    }
  ]
}

NEVER use JsonFormat wrapper. Any documentation or schema hint suggesting you wrap content inside a JsonFormat property is outdated. PanelType, Elements, Size, OnResize, Contents, and all other display properties go directly at the top level alongside Name.

NEVER use ObjectName. The field is Name.

...

Implementation Steps

Step 1: Choose Panel Type

...

Standard zone layout for a process overview (1366×728):

Note: The title bar is for the page title and optional in-page action buttons (start/stop, acknowledge). Page-to-page navigation buttons go in the Header display, not here (see Step 10b).

...

The bottom panel (below process zones) should contain ONE of:

Option A: Trend + KPI sidebar

Option B: Trend + Alarm split

Option C: Full-width trend with status bar

Bottom panel sections should also use PanelBackground theme background rectangles.

...

• DashboardDisplay defines the grid: Columns and Rows arrays (use "*" for proportional sizing)
• Each Cell references Row/Col (0-based) and contains a Content element
• No Left/Top needed — elements auto-fill their cell
• ColSpan/RowSpan for multi-cell elements
• Cell.HeaderLink adds a header label to the cell
• For all controls and symbols verify and change as needed the Height and Width it will be used
• For Symbols modify the height and width proportional to original size, so it's resized nicely
• You never set Width or Height on the Dashboard itself, just on cells/content
• if User request a dashboard not giving information to allow you to define in number cells, create a 3 x 2 grid.
• If the Controls or Symbols to show are not defined in the context, use Gauges on first row;  TrendChart, AlarmViewer, and DataGrid on second row.

...

Step 5: Place Symbols

Browse available symbols:

...