DynamicDashboard - Revision history

Walter vl: /* Overview */

2026-08-11T18:32:54Z

Overview

← Older revision		Revision as of 18:32, 11 August 2026
Line 30:		Line 30:
	* Fully theme-aware using CSS custom properties (<code>--dz-*</code> variables)		* Fully theme-aware using CSS custom properties (<code>--dz-*</code> variables)
	* Responsive across screen sizes		* Responsive across screen sizes
			[[File:Dynamic dashboard.png]]
	-----		-----

Gizmocuz at 06:50, 11 May 2026

2026-05-11T06:50:18Z

← Older revision		Revision as of 06:50, 11 May 2026
Line 4:		Line 4:
	<blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.		<blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.
	</blockquote>		</blockquote>
	'''Revision:''' 2026-04-28<br />		'''Revision:''' 2026-05-11<br />
	'''Minimum build:''' ~~17826~~		'''Minimum build:''' 17950

	-----		-----

Gizmocuz at 06:48, 11 May 2026

2026-05-11T06:48:24Z

← Older revision		Revision as of 06:48, 11 May 2026
Line 186:		Line 186:
	\| '''Delete'''		\| '''Delete'''
	\| Edit → Delete		\| Edit → Delete
			\|-
			\| '''Copy deep-link'''
			\| Edit Mode → click the chain icon (<code>🔗</code>) next to the dashboard title
	\|}		\|}

	'''Dashboard Settings''' (Edit → Dashboard Settings… or Dashboards → Dashboard Settings…) contains only the Kiosk and Screen Standby configuration — no layout management.		'''Dashboard Settings''' (Edit → Dashboard Settings… or Dashboards → Dashboard Settings…) contains only the Kiosk and Screen Standby configuration — no layout management.

			<span id="deep-linking-to-a-specific-dashboard"></span>
			=== Deep-linking to a specific dashboard ===

			You can open any dashboard directly via the URL, bypassing the normal “last viewed / default” lookup:

			{\| class="wikitable"
			\|-
			! URL
			! Opens
			\|-
			\| <code>#/Dashboard</code>
			\| Last viewed (localStorage) → default → first dashboard (existing behaviour)
			\|-
			\| <code>#/Dashboard?id=<uuid></code>
			\| The dashboard with the matching UUID
			\|-
			\| <code>#/Dashboard?name=<name></code>
			\| The dashboard whose name matches (case-insensitive) — e.g. <code>#/Dashboard?name=Smart%20Meter%20(P1)</code>
			\|}

			'''Getting the UUID:''' in Edit Mode, click the chain icon (<code>🔗</code>) immediately to the right of the dashboard title in the toolbar. The full deep-link URL is copied to the clipboard with a toast confirmation. Paste it into a browser bookmark, a wall-tablet shortcut, a chat message, etc.

			Switching dashboards through the dropdown does '''not''' update the URL — the deep-link only takes effect on page load.

	<span id="kiosk-auto-swipe-mode"></span>		<span id="kiosk-auto-swipe-mode"></span>
Line 570:		Line 597:
	\| Custom title		\| Custom title
	\| Optional override		\| Optional override
			\|-
			\| Bar color
			\| Color for single-series counter charts (gas, water, non-P1 kWh). Defaults to cyan <code>#03befc</code>, matching the P1 “Usage” series. Ignored for P1 dual-series charts (which use fixed usage/return colors)
	\|-		\|-
	\| Show panel background		\| Show panel background
Line 585:		Line 615:
	\| High-resolution bars covering the last 2–3 days. For P1 meters: area chart in Watts. For all other types (water, gas, kWh): column bars in the device’s native unit. Chart title shows the actual day span (e.g. “Last 3 Days”)		\| High-resolution bars covering the last 2–3 days. For P1 meters: area chart in Watts. For all other types (water, gas, kWh): column bars in the device’s native unit. Chart title shows the actual day span (e.g. “Last 3 Days”)
	\|-		\|-
	\| Today		\| Today (hourly)
	\| Hourly bars		\| Hourly bars over the rolling last 24 hours, matching the Domoticz log page’s “Today” view
	\|-		\|-
	\| Last week		\| Last week
Line 1,679:		Line 1,709:
	'''Category:''' Custom Content		'''Category:''' Custom Content

	Displays custom text with configurable appearance. Useful for section headers, labels, or status messages.		Displays custom text with configurable appearance. Useful for section headers, labels, or status messages. The content is rendered as sanitized HTML (DOMPurify with a strict allow-list), so a safe subset of inline markup — <code><b></code>, <code><i></code>, <code><span></code>, <code><div></code>, <code><a></code>, basic tables, headings, lists, and scoped <code><style></code> blocks — works for icons, color highlights, and small layouts. Scripts, iframes, and event handlers are stripped. An optional divider line can be shown alongside the text, making it easy to create visual section separators.

	'''Configuration:'''		'''Configuration:'''
Line 1,691:		Line 1,721:
	\| Content		\| Content
	\| —		\| —
	\| The text to display		\| The text or sanitized HTML to display
	\|-		\|-
	\| Font		\| Font
Line 1,701:		Line 1,731:
	\| Font size in pixels (8–72)		\| Font size in pixels (8–72)
	\|-		\|-
	\| ~~Alignment~~		\| Horizontal align
	\| Center		\| Center
	\| Left / Center / Right		\| Left / Center / Right
			\|-
			\| Vertical align
			\| Middle
			\| Top / Middle / Bottom — independent of horizontal alignment; the divider follows the chosen side
	\|-		\|-
	\| Style		\| Style
Line 1,716:		Line 1,750:
	\| rgba(0,0,0,0)		\| rgba(0,0,0,0)
	\| Color + opacity picker (default: transparent)		\| Color + opacity picker (default: transparent)
			\|-
			\| Show divider line
			\| off
			\| Show a horizontal line alongside the text
			\|-
			\| Divider color
			\| Accent color
			\| Color + opacity picker; leave empty to use the theme accent color
	\|}		\|}

Gizmocuz at 07:21, 28 April 2026

2026-04-28T07:21:13Z

@@ Line 4: / Line 4: @@
 <blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.
 </blockquote>
-'''Revision:''' 2026-04-08 (2)<br />
+'''Revision:''' 2026-04-28<br />
-'''Minimum build:''' 17675
+'''Minimum build:''' 17826
 -----
@@ Line 259: / Line 259: @@
 Settings are saved in browser <code>localStorage</code> (<code>dd_standby</code>).
 <span id="export-import"></span>
@@ Line 279: / Line 286: @@
 * Choose to import as a '''new dashboard''' or '''replace current'''
 * If the imported dashboard was created on a newer Domoticz build, a warning is shown (but import still proceeds)
 -----

Gizmocuz at 16:13, 8 April 2026

2026-04-08T16:13:04Z

← Older revision		Revision as of 16:13, 8 April 2026
Line 1:		Line 1:
	~~__NOTOC__~~
	<span id="dashboard-dynamic"></span>		<span id="dashboard-dynamic"></span>
	= Dashboard Dynamic =		= Dashboard Dynamic =
Line 5:		Line 4:
	<blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.		<blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.
	</blockquote>		</blockquote>
	'''Revision:''' 2026-04-08<br>		'''Revision:''' 2026-04-08 (2)<br />
	'''Minimum build:''' 17675		'''Minimum build:''' 17675

	~~__TOC__~~
	-----		-----

Line 422:		Line 420:
	'''Category:''' Charts & Data		'''Category:''' Charts & Data

	Displays a single large KPI number from any device.		Displays a single large KPI number from any device. Clicking the value navigates to the device log.

	'''Configuration:'''		'''Configuration:'''
Line 719:		Line 717:
	\|}		\|}

	The gauge is rendered as a pure SVG arc — no Highcharts required. The fill animates smoothly on value changes.		The gauge is rendered as a pure SVG arc — no Highcharts required. The fill animates smoothly on value changes. Clicking the value or unit text navigates to the device log.

	Live: refreshes every 30 seconds and on WebSocket <code>device_update</code> for the configured device.		Live: refreshes every 30 seconds and on WebSocket <code>device_update</code> for the configured device.
Line 766:		Line 764:
	'''Category:''' Energy		'''Category:''' Energy

	Compact stat card showing current power (W) and today’s energy total (kWh).		Compact stat card showing current power (W) and today’s energy total (kWh). Clicking the current power (W) value navigates to the device log.

	'''Configuration:'''		'''Configuration:'''
Line 888:		Line 886:
	'''Category:''' Energy		'''Category:''' Energy

	Battery energy storage widget showing today’s imported/exported kWh, net, and live SOC / watts / voltage.		Battery energy storage widget showing today’s imported/exported kWh, net, and live SOC / watts / voltage. Clicking any value navigates to the corresponding device log.

	'''Configuration:'''		'''Configuration:'''
Line 933:		Line 931:
	'''Category:''' Energy		'''Category:''' Energy

	Full energy overview widget — combines all cards (Weather, Grid, Solar, Gas, Battery) and the self-sufficiency balance bar in one resizable widget. Lifted directly from <code>forecast.html</code>.		Full energy overview widget — combines all cards (Weather, Grid, Solar, Gas, Battery) and the self-sufficiency balance bar in one resizable widget. Lifted directly from <code>forecast.html</code>. Clicking any value on a card navigates to the corresponding device log.

	'''Configuration:'''		'''Configuration:'''
Line 1,137:		Line 1,135:
	\|-		\|-
	\| Switch / Scene		\| Switch / Scene
	\| Toggle button; icon tinted accent when device is On		\| Toggle button; icon tinted accent when device is On. Clicking the icon navigates to the device log
	\|-		\|-
	\| Dimmer		\| Dimmer
	\| Label + slider icon + power toggle. Slider icon opens inline dim slider; power icon toggles On/Off		\| Label + slider icon + power toggle. Slider icon opens inline dim slider; power icon toggles On/Off. Clicking the icon navigates to the device log
	\|-		\|-
	\| Selector switch		\| Selector switch
	\| Shows current level; click opens inline level picker		\| Shows current level; click opens inline level picker. Clicking the icon navigates to the device log
	\|-		\|-
	\| Blind		\| Blind
	\| Up / Close buttons, plus Stop if the device supports it		\| Up / Close buttons, plus Stop if the device supports it. Clicking the icon navigates to the device log
	\|-		\|-
	\| Group		\| Group
	\| On and Off buttons as a compact pair		\| On and Off buttons as a compact pair. Clicking the icon navigates to the device log
			\|-
			\| Security Panel
			\| Disarm / Arm Home / Arm Away buttons. Clicking the icon navigates to the device log
	\|-		\|-
	\| Sensor / Utility		\| Sensor / Utility
	\| Read-only row: icon, device name, current value and unit		\| Read-only row: icon, device name, current value and unit. Clicking the icon navigates to the device log. P1 smart meters show two lines: usage + actual power on the first line, return energy on the second
	\|}		\|}

Line 1,598:		Line 1,599:
	Compact status panel showing current values for any mix of devices — temperature, switches, kWh meters, humidity, and more. Useful as a at-a-glance status overview.		Compact status panel showing current values for any mix of devices — temperature, switches, kWh meters, humidity, and more. Useful as a at-a-glance status overview.

	Each row shows an icon, device name (or custom label), current value, and unit. Switch/light states are highlighted in accent colour when On.		Each row shows an icon, device name (or custom label), current value, and unit. Switch/light states are highlighted in accent colour when On. Clicking the icon navigates to the device log.

	'''Display modes:'''		'''Display modes:'''

Gizmocuz at 14:34, 8 April 2026

2026-04-08T14:34:51Z

← Older revision		Revision as of 14:34, 8 April 2026
Line 1:		Line 1:
			__NOTOC__
	<span id="dashboard-dynamic"></span>		<span id="dashboard-dynamic"></span>
	= Dashboard Dynamic =		= Dashboard Dynamic =
Line 7:		Line 8:
	'''Minimum build:''' 17675		'''Minimum build:''' 17675

			__TOC__
	-----		-----

Gizmocuz at 14:29, 8 April 2026

2026-04-08T14:29:45Z

← Older revision		Revision as of 14:29, 8 April 2026
Line 2:		Line 2:
	= Dashboard Dynamic =		= Dashboard Dynamic =

	'''Revision:''' 2026-04-07 '''Minimum build:''' ~~17635~~		<blockquote>'''Note:''' This page is maintained in the [https://github.com/domoticz/domoticz/tree/development/docs Domoticz GitHub repository]. Please do not edit it directly on the Wiki.
			</blockquote>
			'''Revision:''' 2026-04-08<br>
			'''Minimum build:''' 17675

	-----		-----
Line 1,541:		Line 1,544:
	\| Scene		\| Scene
	\| One-click activate button		\| One-click activate button
			\|-
			\| Security Panel
			\| Navigates to the Domoticz security panel page. Current arm status shown on the right; icon tinted when armed
	\|}		\|}

Line 1,579:		Line 1,585:
	* Blind Up/Stop/Close buttons are shown as a compact group with the label on the left		* Blind Up/Stop/Close buttons are shown as a compact group with the label on the left
	* Group On/Off buttons are shown as a compact pair with the label on the left		* Group On/Off buttons are shown as a compact pair with the label on the left
			* Click a Security Panel button to open the security panel page; the current arm status is shown to the right of the label

	-----		-----

Gizmocuz at 06:51, 7 April 2026

2026-04-07T06:51:58Z

Show changes

Gizmocuz at 09:52, 6 April 2026

2026-04-06T09:52:51Z

Show changes

Gizmocuz at 16:10, 5 April 2026

2026-04-05T16:10:26Z

Show changes