InfoWidget

An InfoWidget is an individual visual component placed on an InfoPage. All widgets share common placement and formatting properties while serving specific display purposes.

Core structure

{
  "id": "status_text",
  "type": "text",
  "x": 10,
  "y": 20,
  "w": 180,
  "h": 30,
  "value": "System Ready",
  "formatter": {
    "type": "string",
    "fontSize": 16,
    "fontColor": "WHITE",
    "align": "center",
  },
}

Common properties

Property	Type	Description
id	string	Mandatory. Unique widget identifier within the DataView. Used for MQTT downlink targeting.
type	string	Widget type ("text", "graphic", "button", "editable", "ded").
x, y	number	Top-left coordinates in pixels on the 200x200 screen.
w, h	number	Width and height in pixels.
value	string / number / boolean / object	Static initial value or payload binding.
formatter	object	Widget rendering format definition (Text or Graphic formatter).
visible	boolean	Initial visibility state (true / false). Default: true.

[!IMPORTANT] Widget id must be unique across the entire DataView to ensure MQTT downlink runtime updates affect the intended widget.