How To Make Your Dashboard Smaller And More Efficient
Вставка
- Опубліковано 27 чер 2024
- When you start creating dashboards in Home Assistant, it can be tricky to set it up exactly the way you want. Cards seem to have their own opinion on where they show up and it can be frustrating to get a grip on the layout of your dashboard. Luckily there are some tools to get more control over your dashboard in Home Assistant. My goal was to show all information on a dashboard without having to scroll vertically. And I succeeded! I will show you the tools that I used in this tutorial.
⭐ You can download the code that I created for this video at: ko-fi.com/s/7801fb6c64 ⭐
Links referred to in this video:
* How to Install HACS in Home Assistant: • Install HACS in Home A...
* How to Set Up Kiosk Mode in Home Assistant: • Kiosk Mode in Home Ass...
* The link to the Tabbed Card Repository: github.com/kinghat/tabbed-card
* The link to the Swipe Card Repository: cdn.jsdelivr.net/gh/bramkragt...
Blog version: www.smarthomejunkie.net/how-t...
⭐⭐⭐
* Join this channel to get access to perks: 📺 / smarthomejunkie
* Please consider becoming my patron 🏅 at / smarthomejunkie
* Or please support me by buying me a ☕ at ko-fi.com/smarthomejunkie/
⭐⭐⭐
My Devices: github.com/smarthomejunkie/My...
Instagram: / smarthomejunkie
Twitter: / smarth0mejunkie
Facebook: / smarthomejunkie
TikTok: / smarthomejunkie
Discord: / discord
Music by:
* 2TECH-AUDIO: 2tech-audio.bandcamp.com/
00:00:00 Introduction
00:01:35 Install Components
00:04:33 Start setting up the dashboard
00:05:26 Setup the view type using the custom layout card
00:06:26 Create the Main menu using a chips card
00:07:49 Set up the Tabbed Card
00:11:11 Set up a sub view
00:16:06 Set up the Swipe Card
#homeassistant #dashboard #dashboards #setupdashboard #efficientdashboard #smallerdashboard #tutorial orial #smarthome #homeautomation - Навчання та стиль
thank you for sharing these cards. really next level of dash board of smart phone
So glad you liked the video! Thanks for watching!
This is a great tutorial. Just as a note, Tabbed card is available now without adding a separate repository, aside from that all of the instructions here are fantastic
Isn't the Tabbed Card great? NOTE: In the video I say that you can only show one card for each tab in the Tabbed card, but that's not entirely true. If you use a grid card, horizontal card, or vertical card within the Tabbed card, you can use multiple cards for each tab! Tell me how you make your dashboards smaller and more efficient. What cards are you using?
Do you have an example for that?
The hardest part of home assistant is lack of indepth videos on HA dash board. You have taken on that challenge and provided a very uuelf video. keep on making dashboard video once in three months.
Among the dozens of hours I spend HomeAssisting, I think only 0,5% is dedicated to dashboards...
Thanks for those tips, it may help increasing this ratio 😊
Great tutorial.
Trying to build an "mobile friendly version" this helps a lot.
Thank you so much.
Great that it helps!
Thank you for sharing these cards. This gets me started thinking about my next steps for my dashboards. Great job with the video and explaining these cards that until now I didn't know were available!
HI, Nice examples of advanced layout options! Thanks for this.
Thanks Ed! Great timing. I'm redoing my dashboards and I was struggling to get my multitude of devices onto my mobile dashboards without scrolling.
thx Ed, you gave me some nice ideas for my dashboard, still a lot to do before i get something worth showing
This is great for vertical oriented smartphone screens.
These are nice examples of advanced lovelace cards that I didn't know existed.
Thanks Ed, great job as usual!
Thank you Ries! It works also great for horizontal oriented tablets. With the layout card, you can place specific cards in specific rows. It's really powerful. I might create a separate video those possibilities as well.
Powerful indeed.
Tabbed cards, subviews, down the rabbit hole I go....🐇
excellent tutorial. very useful. Thank you
Great Video (again 😀) I would love to see a detailed video on Chip cards. I hardly use them, but they seem powerful. bedankt
Ed, great video as always! Best wishes to you from Kansas City
Wow, all the way from Kansas City. That's awesome! Thank you!
Wow, nice.
Thank you very much!
Earlier I made my dashboards pretty convenient for us, but now I could slightly transform that with using swipe-cards.
Thanks for this idea :)
Hi,
Could you use Swipe card to swipe between the tabs as well? I've been trying but not able to. Mind sharing me the details if I've done so??
I’ve made mine smaller mostly using the browser mod popup card. Will try this out too!
Yeah, that card is also awesome. I will create a video about that one as soon as a have a new tablet.
Would love to see a video on the Chip card. I've played with it a bit, but havent really seen any good tutorials on all of its functionality and how people incorporate it into their dashboards.
Leerzaam, ik kan weer een tijd experimenteren dank je.
Hi! And thanks a lot fore youre tutorial!
Dankje Ed!💯
great video thanks
Very cool, i need to redo my dashboard. It's a giant mess 😂
Redoing your dashboard is a neverending story I'm afraid ;)
Amazing, what else! Thanks
Hi, I really like all your videos! Congratulations! Is it possible to have a tabbed card in a tabbed card? E.g first row temperature, humity, etc. and second row with a chart per day, week, month, year?
Great stuff - really useful and well done. Must check on some of your other videos. - Many thanks.
Thank you!
Thanks Ed. Please may we have a video on Chips Cards?
I'll put it on the list.
Díky!
Thank you!
Learned a lot! Thanks. But how do you make the indentation?
Press the tab key.
Thanks for the video. I tried swipe card, but I suspect that it causes a memory leak on my android tablet that runs my dashboard. It crashes anywhere between one and four times an hour with the error message "The WeView rendering process crashed! Restarting app...". As soon as I take out the swipe card component, it stops crashing. The tab card does work though, so I'm sticking with that.
Danke!
Thank you for your support!
Great video!! One small Q: what is the key command you use to get many row’s to move at the same time in yaml? Thanks!!
It's the TAB key.
is it possible to integrate the swipe card into the tabbed card?
I would like to swipe between the 2/3 tabs instead of clicking/tapping on them.
Also thanks for the video! Super helpful as always! :)
The Tabbed card does not have swipe functionality. But what you want is possible with the store card only I think.
Great video! one question on the lay-out card. i followed the exact instructions but it doesnt show any new views in the dashboard (only the standard ones Masonry (default), Sidebar and Panel (1 card)). I can see the resource file and it is also in visible through file editor. Did you come across this issue as well?
never mind - found the issue :) i had two different resources for the lay-out card for some reason. removed both and reinstalled via HACS. works now
How did you get these small place using -graphs into your side? I really love them!
By the way, I also love your videos! :)
I'm not sure if I understand you correctly. I used the sensor cards for this.
@@SmartHomeJunkie Thank you! I will try them out :)
Hi, first great vids for Home Assistant! have a question off topic for Dashboard!
Q: is it possible for HA (latest version) on a Raspi 4 starting up from a mm2.ssd to add a second SSD for to use as a NAS????
Thanks in advance for youre answer Ed
Groet,
Frans
I never tried that. But, I do think (assumption here) a Raspberry Pi might be a bit too weak to be a full-blown NAS.
Ed, thank you for this broader explanation. I’m not a fan of JavaScript because of vulnerabilities. Are there other types of dashboards/cards to avoid Java scripts?
I don't have the view types, as you mentioned at 5:32. I followed the insturctions from the beggining of the video.
Note: server restart solved 🙂
@@admk019 refreshing your browser cache could also have been a solution.
What was the keyboard command to give all selected lines a indentation?
TAB
@@SmartHomeJunkie funny how I did not know that :D thanks!
Thanks for the great videos, I've been getting lots of great inspiration from them. If I may ask you to take one small thing into consideration?
I like to fall asleep to calm videos like yours, after saving them to watch again in the morning and make notes. However, your "subscribe" bell at the end shocked me awake last night (apparently I wasn't yet asleep enough to care about the one in the middle). Is there any chance you'd consider finding a less jarring sound for that animation? Your whole vibe is VERY calming, and that chime (even during daytime viewing) doesn't (to me) seem to fit in.
Thanks again, and have a great day!
Thanks for the feedback! I will look into it. On the other hand, it might be good that people wake up to subscribe 🤪
In de tabbet card, kan je daar ook de swipe card gebruiken?
Yes you can.
Tabbet card erg nuttig. Enkel krijg de custom:mini-graph-card er niet in. Heb je misschien hier een oplossing voor
Why is a tab only able to contain one card? Or am I wrong about that?
See my first comment. You can use more cards if you use the grid, horizontal, or vertical card within the tab.
A strange one...
I nested different tabbed cards into a swipe card.
This works fine on my phone/tablet (android)...but not on my laptop (windows). I can swipe but I can't change the values of the entities ?
Bug ?
🤷🏼
@@SmartHomeJunkie Found it ! Seems hold_action on a mushroom entity card (not the template-card) gives the problem ?! Changed it to tap_action and now it works on any device.
@@christian1603 That's great to know!
0:54 hoe to add two horizontal card on the swipe card?
Thanks
Not sure what you mean. The video explains how.
@Smart Home Junkie Thanks for the quick reply Mr. Legend :D
At 0:54 (Right DB card #5), you can see that there are two mini temperature graphs beside each other and you swiped left to show two other graphs.
@@m.romaithi6217 Yes, the video explains how to set that up.