Image tile

A still picture, such as a camera’s snapshot.

In a dashboard file: "type": "image", with the options below. Every tile also has the fields under Every tile.

Example

A tile, as it goes in a screen’s tiles:

{
    "type": "image",
    "label": "Garden",
    "layout": { "x": 1, "y": 1, "width": 2, "height": 2 },
    "dataSource": {
        "connection": "demo",
        "params": { "device": "garden-camera", "value": "snapshot" }
    },
    "options": { "fit": "cover" }
}

It reads the demo home: in a dashboard with the connection "demo": { "driver": "demo", "config": {} }, it works as it is. To read a device of your own, its data source names one of your connections, with the params of that connection’s driver (Connections and data sources).

Options

Field	Type	Default	What
source	data source name	primary	Picture. One of the tile’s data sources, by name, that gives an image.
fit	one of cover (Fill), contain (Whole picture)	cover	Fit. How the picture fills the tile. A look option: a tile style can set it.

Built-in styles

The styles the app offers for it, after “The dashboard’s style”. Style files says what they set.

• Centred
• Left aligned
• Compact
• Icon at the left