Dashboards

Configuration > Dashboards creates any number of named dashboards, each a responsive grid of cards. One of them can be marked default - that's what the sidebar's home page shows by default.

Card types

• Entities - a titled list of one or more entities, each row showing name and state with a toggle/press control if it's controllable.
• Tile - one entity, large and prominent - the "wall tablet, tap to turn on the light" case.
• Gauge - one numeric entity as an arc over a min/max you set, with optional color thresholds as the value rises.
• Chart - one numeric entity's own history as a bar or line chart over a selectable time range.
• Date & Time - a live clock, not tied to any device or entity - digital (with optional seconds and a 12/24-hour toggle) or analog, showing the date and time together, time only, or date only.
• Radar - one configured Finnish Meteorological Institute location's own animated precipitation radar, with play/pause and a scrub slider over the last hour.
• Button - a tappable button with its own name and icon, no device needed, in one of two modes: "Tap gestures" (single/double/triple tap and press-and-hold each become their own trigger value in Automations, under a "Dashboard Button" source) or "Toggle" (a plain on/off switch instead - a real controllable entity an Action node can set, not just react to). In Toggle mode its state is remembered across restarts.
• Boolean - a UI-only on/off switch with its own name, no device needed - a controllable "Dashboard Input" entity in Automations that an Action node can set as well as react to. Its value is remembered across restarts.
• Number - a UI-only slider or numeric input box over a min/max/step you set, with an optional unit label - the same controllable "Dashboard Input" idea as Boolean, for a numeric setpoint an automation reads (a target temperature, a brightness level).
• Select - a UI-only dropdown of options you define, for picking one of a fixed set of modes - again a controllable "Dashboard Input" entity.
• Text - a UI-only single- or multi-line text box, committed on blur or Enter - a controllable "Dashboard Input" entity holding a free-form string.
• DateTime - a UI-only date, time, or date-and-time picker - a controllable "Dashboard Input" entity holding a moment an automation can compare against. Its value, like every Dashboard Input card's, is remembered across restarts.

Gauge and Chart cards have further optional fine-tuning in the card editor: Gauge gets a custom arc/track color, arc thickness, and value font size; Chart gets a custom line/bar color, a legend toggle, a gridlines toggle, working Y-axis min/max, and - for line charts - area fill and per-point markers. Numeric entities default to the device's own advertised decimal precision, with a per-entity override available on every card type.

Editing a dashboard

An edit-mode toggle (in the header's three-dot menu) reveals per-card Edit/Delete controls, drag-and-drop reordering, and an "+ Add card" tile. "+ Add card" opens a gallery of every card type, grouped into categories - Monitoring, Automations, Weather, Media, and so on - each type a glyph with a one-line description. Every change auto-saves - there's no separate Save button. Each card has a configurable width (1-4 grid columns) and height (1-3 rows), so a Chart or a long Entities list can stretch to be more prominent than the default 1×1 tile.

Icons and switching dashboards

Each dashboard has a selectable icon - sofa, bed, stove, TV, computer, and several other room-shaped options - picked from a grid in the New/Edit dashboard modal and shown next to its name everywhere a dashboard is listed. The page header itself shows every dashboard's own name as a centered row of links, the current one underlined - click another one to switch straight to it, no menu needed. Whichever dashboard you last viewed is remembered per-browser (not synced to your account), so the sidebar's home page can show a different one on each machine and picks the same one back up after a refresh.

A dashboard can be hidden from that switcher row without being deleted - a Show/Hide item in its own three-dot menu on the Dashboards list (or a Show/Hide button next to Edit/Delete in list view). A hidden dashboard stays fully reachable from Configuration > Dashboards and by direct URL; only the switcher row itself skips it, useful for a dashboard you only ever open by a saved link or a kiosk device's own bookmark.

Tagging and live data

Like connected devices, a dashboard can be tagged with a Location and Area - see Locations & Areas - settable in the same details modal and shown as columns on the Dashboards list. Every card's live state and controls go out over the same connections the rest of the app uses (its device's own live WebSocket), so a dashboard always reflects the current state of whatever it references.