sanderpuh/homewizard-dashboard

The dashboard is one view made of one card, so setup takes about two minutes and needs no YAML files.

1. Install the card

HACS → Frontend → search for HTML Template Card → install, then reload the browser.

Manual install: drop html-template-card.js into config/www/ and register it as a module resource.

2. Create a view

Open the dashboard where you want it: a new one, or any existing dashboard in storage mode.

1. Click Edit dashboard in the top right corner.
2. Click Add view.
3. Click the three dots in the top right corner of the view editor and choose Edit in YAML.
4. Delete whatever is in the box and paste the entire contents of dashboard.yaml.
5. Click Save, then Done.

That is the base done: the view exists, the panel layout is set and the card renders. It will show placeholders until you point it at your own sensors. See Configuration.

The view is defined as type: panel, so it always fills the screen. If you paste it into an existing dashboard, it simply becomes one more tab in the sidebar.

Alternative: YAML mode dashboard

If you keep your dashboards in YAML files instead of the UI, add the dashboard in configuration.yaml:

lovelace:
  dashboards:
    homewizard:
      mode: yaml
      title: HomeWizard
      icon: mdi:transmission-tower
      show_in_sidebar: true
      filename: homewizard-dashboard.yaml

Then create homewizard-dashboard.yaml in your config folder next to it, with the view pasted straight in:

views:
  - type: panel
    path: homewizard
    title: HomeWizard
    # ...rest of dashboard.yaml

Or keep the view in its own file and include it:

views:
  - !include views/homewizard.yaml

Restart Home Assistant, then open HomeWizard in the sidebar. Both example files are in examples/.