Home Assistant Dashboards Explained (HACS, Custom Cards & Layout Tips) – Part 2
Home Assistant Dashboards Explained (HACS, Custom Cards & Layout Tips) – Part 2
👉 If you haven’t seen Part 1 yet, check it out first here:
• Home Assistant Dashboards Explained (Views...
In this follow-up to Part 1, we go even deeper into Home Assistant dashboards — showing how to install custom cards using HACS, stack and organise your interface with vertical-stack, horizontal-stack, and grid, and take full control over layouts with both Masonry and Sections views. Plus, there’s a fun bonus demo where I show how I used Node-RED and templating to build a live bus timetable display! 🚌
📘 Official Docs:
https://www.home-assistant.io/dashboa...
🧩 Don’t have HACS set up yet?
Watch my step-by-step HACS installation guide here:
• How to Install HACS in Home Assistant (Ste...
💡 Custom Cards Installed via HACS in This Video:
🧭 Clock Weather Card – Repository ID: 522634019
🧾 HTML Jinja2 Template Card – Repository ID: 205261230
🏠 Dwains Dashboard – Repository ID: 222687548
⚠️ IMPORTANT – Dwains Dashboard 3.8.0 Issue
There is a known issue with Dwains Dashboard version 3.8.0 that can cause a
“Configuration Error” — this is not caused by your setup.
A temporary workaround has been posted on GitHub:
https://github.com/dwainscheeren/dwai...
Workaround summary:
1. In Home Assistant, open File Editor
2. Open: /custom_components/dwains_dashboard/js/dwains-dashboard.js
3. Copy the workaround code posted by tristanXme (June 14, 2025)
4. Paste it at the very top of dwains-dashboard.js
5. Save and restart Home Assistant
After restarting, the dashboard should load correctly.
⚠️ This is a temporary workaround until it’s fixed upstream.
💾 All Code & YAML Files (Clock Card, Bus Timetable, Input Texts, Node-RED Flows):
https://github.com/lazytechgeek/HomeA...
#LazyTechGeek #HomeAssistant #SmartHome #Dashboards #HomeAutomation
00:00 Intro
00:57 Installing Dwains Dashboard
03:51 Uninstalling Dwains Dashboard
06:27 Installing Custom Weather Card
08:23 Horizontal-Stack & Vertical-Stack Explained
11:32 Using Grid Layouts (Masonry View)
13:40 Sections View (with Grid, Stack, & Column Tips)
18:40 Emulating Mobile & Tablet Layouts
21:35 Bonus: Creating a Live Bus Timetable
30:42 Outro
🎵 MUSIC USED IN THIS VIDEO
Intro Track: Powerful Action Rock Trailer
🎤 Artist: RocknStock
🎧 Source: Pixabay
🔗 https://pixabay.com/users/rocknstock-...
💬 Got questions or stuck on a step?
Leave a comment below or join the Lazy Tech Geek Discord for help!
🔗 / discord
👍 If this video helped, tap like and subscribe for more smart home guides.
🔔 Subscribe here: / @lazytechgeek
☕ Support the channel: https://buymeacoffee.com/lazytechgeek