Smart Home Junkie | Discover the Power of a Responsive Dashboard in Home Assistant @SmartHomeJunkie | Uploaded January 2023 | Updated October 2024, 6 hours ago.
Wouldn't it be nice if you can create just one dashboard in Home Assistant that works fine for your desktop, tablet, and phone so that you do not have to create multiple dashboards for each device? This technique is called responsive design and it can be done in Home Assistant! I will show you how to set up a responsive dashboard in Home Assistant in this tutorial now.
⭐ You can download the code that I created for this video at: ko-fi.com/s/8d20020edd ⭐
Links referred to in this video:
* Take back control of your Home Assistant Dashboard: youtu.be/Ac02PzU17GQ
* Layout card documentation: github.com/thomasloven/lovelace-layout-card
Blog version: smarthomejunkie.net/how-to-create-a-responsive-dashboard-in-home-assistant
⭐⭐⭐
* Join this channel to get access to perks: 📺 youtube.com/c/smarthomejunkie/join
* Please consider becoming my patron 🏅 at patreon.com/join/smarthomejunkie
* Or please support me by buying me a ☕ at ko-fi.com/smarthomejunkie
⭐⭐⭐
My Devices: github.com/smarthomejunkie/MyDevices
Instagram: instagram.com/smarthomejunkie
Twitter: twitter.com/smarth0mejunkie
Facebook: facebook.com/smarthomejunkie
TikTok: tiktok.com/@smarthomejunkie
Discord: discord.gg/at8v5hW
Music by:
* 2TECH-AUDIO: 2tech-audio.bandcamp.com
00:00:00 Introduction
00:00:30 What is a responsive design?
00:02:29 Set up responsive layout in Home Assistant
00:05:04 Test the responsive layout
00:05:56 Show or hide cards for specific resolutions
#homeassistant #dashboard #responsive #responsive_web_design #tutorial #smarthome #homeautomation
Wouldn't it be nice if you can create just one dashboard in Home Assistant that works fine for your desktop, tablet, and phone so that you do not have to create multiple dashboards for each device? This technique is called responsive design and it can be done in Home Assistant! I will show you how to set up a responsive dashboard in Home Assistant in this tutorial now.
⭐ You can download the code that I created for this video at: ko-fi.com/s/8d20020edd ⭐
Links referred to in this video:
* Take back control of your Home Assistant Dashboard: youtu.be/Ac02PzU17GQ
* Layout card documentation: github.com/thomasloven/lovelace-layout-card
Blog version: smarthomejunkie.net/how-to-create-a-responsive-dashboard-in-home-assistant
⭐⭐⭐
* Join this channel to get access to perks: 📺 youtube.com/c/smarthomejunkie/join
* Please consider becoming my patron 🏅 at patreon.com/join/smarthomejunkie
* Or please support me by buying me a ☕ at ko-fi.com/smarthomejunkie
⭐⭐⭐
My Devices: github.com/smarthomejunkie/MyDevices
Instagram: instagram.com/smarthomejunkie
Twitter: twitter.com/smarth0mejunkie
Facebook: facebook.com/smarthomejunkie
TikTok: tiktok.com/@smarthomejunkie
Discord: discord.gg/at8v5hW
Music by:
* 2TECH-AUDIO: 2tech-audio.bandcamp.com
00:00:00 Introduction
00:00:30 What is a responsive design?
00:02:29 Set up responsive layout in Home Assistant
00:05:04 Test the responsive layout
00:05:56 Show or hide cards for specific resolutions
#homeassistant #dashboard #responsive #responsive_web_design #tutorial #smarthome #homeautomation