Creating a Beautiful Home Assistant Mobile Dashboard Easily!
HTML-код
- Опубликовано: 30 июн 2024
- In this video I show you how to create a clean and minimalistic smart home dashboard using Home Assistant and Mushroom. Mushroom is a take on Minimalist UI, that has a focus on making things easier to use, with everything being accessible from the UI to click and select. This makes it possible to build a really nice mobile smart home dashboard very easily, and also quickly!
Join the Locket Insiders Programme:
locket.insure/insiders/?...
Get a Quote for Locket Insurance:
locket.insure/insiders/?...
If you'd like to support me and future projects:
Patreon:
/ everythingsmarthome
Buy Me a Coffee:
www.buymeacoffee.com/EverySma...
Written Article:
everythingsmarthome.co.uk
Links:
GitHub: github.com/piitaya/lovelace-m...
HACS Install: hacs.xyz
Template card code: gist.github.com/EverythingSma...
EVERYWHERE YOU CAN FIND ME:
Everything Smart Home Community Discord:
discord.everythingsmarthome.c...
Twitter: / everysmarthome (@EverySmartHome)
Instagram: / everythingsmarthome
Facebook: / everythingsmarthomeoff...
#homeassistant #smarthome
________________________
Some of the links above are affiliate links, where I earn a small commission if you click on the link and purchase an item. You are not obligated to do so, but it does help fund these videos in hopes of bringing value to you!
0:00 - Intro
1:27 - The difference between Minimalist and Mushroom
3:33 - What we are building today
4:37 - Installation of mushroom
5:27 - Creating a new dashboard
6:20 - Creating the main page
23:28 - Creating a room view
32:10 - Final completed dashboard 
Наука
Hope you enjoy this one, please do me a HUGE favour and leave a comment down below, this video has been a nightmare to get out so I hope it is useful! 🙏
Can you add that template configuration information to the description or in a comment? Great video!
It's been in the description the whole time my friend 😅
@@EverythingSmartHome I am blind :(
Hey, I just wanted to thank you for your content, it has helped me get started with HA and a smart home. I am still new to HA, learning things but your videos help me a lot. Also, wanted to setup minimalist ui since a long time but wasnt sure how to get started, this and the previous video were very helpful to me.
Thanks very much, comments like that make my day 🙏
Awesome video! Small little tweak to the kiosk mode code. This allows kiosk mode on mobile but not on the desktop, for easy editing! Was a big time saver for me.
kiosk_mode:
mobile_settings:
hide_header: true
Good spot, thanks!
I'm not sure what you are saying here?, it sounds important tho. I am using both phones and a wall tablet thing. Is that what makes the difference here? Or is kiosk not linked to wall tablet in this context?
@@zwart592 So essentially, in the video when putting in the kiosk mode, it changed both the desktop (where you are editing) and the mobile device dashboards (phone and tablets included). When you needed the headers again for editing, you would have to disable kiosk mode, as was demonstrated in the video. Using this small tweak to the kiosk code, the headers will remain on desktop version of the dashboard (which is really handy for tinkering and editing) but will always be hidden on the tablet and phone dashboards. This way, you never have to disable kiosk mode to get back to the headers and its clean and tidy on all mobile devices by design 🙂
Hope this helps!
@@seantunley336 It sure helps! Thanks for explaining, great!
This is a magic tip, thanks for sharing.
This is easily one of my top favorite Home Assistant tutorials - the time and effort you put into making this video is incredible. Your dashboards are so clean and functional, and I really enjoyed following along to replicate it in my dashboards. This was my first time using anything in HACS but everything fell into place exactly as you described. The mushroom dashboard is great, but I think I will try to tackle minimalist too at some point. Thanks again for the great videos!
Thank you for this. One of, if not the best tutorial I have come across soo far. The time and effort you have put into it is clear and has not gone unappreciated! 💯
You cannot imagine how great your video was! After 2 years with HA I’ve just redone my whole dashboard plus now included customised pop ups with the browser_ mod to handle more info screens instead of navigating. You simply ROCK 🙏🏻👏🏻
This was awesome! Spent the day watching the video and migrating my current dashboard and views. Thank you so much for putting this together and making it easy to follow along. I appreciate you sharing the templates as well, that makes a nice addition to the cards.
So glad you managed to get this up. This is my evening sorted.
Have fun my friend! 😅
Wow … really impressed how easy and instructional your videos are. Tons of good content out there but you really bring it home easily. Can’t imagine how much time it must takes to do these. Appreciate the effort ….
Great video. I realize this is older and not sure if mentioned in comments, but since then they added Subview for different views, so no more need for the back chip and views are hidden at top that have this subview enabled :) Also a benefit of using Grid Card vs. Horizontal Stack for Rooms is you can set to two colums and then able to re-order rooms around and they are not locked into pairs. Finally, put everything onto a page in vertical stack, otherwise the cards will shift around if using something with PC or iPAD.
thanks for your comment. saved me. 🙂
saved me too man
I only can say THANK YOU ! Your tutorials are amazing but this one really is outstanding ! Loved ! And learned a lot and designed my new mobile dashboards all thanks to you your dedication to the HA community ! I really can’t wait for the upcoming tutorial regarding minimalist 🙂
I would suggest (if I Amy) that you could cover also things that cannot be done with Mushroom when you cover the Minimalist Tutorial. That would be a nice way for your audience understand the differences and why it would make sense to use Minimalist in certain aspects.
Again a huge thank you and accept by best regards from a Portuguese follower and fan !
Cheers :-)
Dude, this has been super useful. I am new to home assistant so a walkthrough to the dump of data that Home Assistant gives you is a god send.
Thanks, once again! I've been wanting to update my dashboard, but this brought it back to the forefront. Mushroom does make this really easy with the chips, etc. Going through and roughing things out now for a more user-friendly experience.
I appreciate the effort that went into this (and your other videos as well). Based on the strength of your vids, got my own HAOS setup at home (w/ Frigate, ESXi, etc...) going in about a month. Thank you for enabling all of us beginners. Lovely work, sir.
Looking good. Another tip - the Grid card will save you a lot of time from having to add multiple Horizontal Stacks for your rooms/entities. You can set the number of columns to 2 and uncheck "force square".
i was trying to do that as well, coupling with auto-entites but it kept putting all the entities into a single column
I was about to say the same, and if you then vertically stack with a title card, everything stays together as intended! ;)
New to using home assistant so this has a lot of appeal to me. Your channel got me to make the switch to a local smart home. Got 90% of my home running local now!
This is a really great setup, huge step up from the defaults. I feel like there's still a long way to go for home assistant to make this layout building less painful though!
thank you, been using HA for a while but never attempted to create mobile dashboard as it was always to time consuming, but your vid and mushroom allowed me to have dashboard i always wanted! thank you!
Absolutely fantastic video! I can't imagine how much time and effort it took to make it. Saved me so much researching.
Fantastic video, Lewis. I'm still new to HA but this video makes me want to spend more time transforming the rather boring but already amended standard dashboard into a fancy custom one with separate pages for each room
Thanks again for your great efforts, thorough descriptions and details. Always learn something of use in your videos.
I'm close to move and your channel is just perfect, your content is everything I need, you are doing a great job, thanks!
Any plans on doing this type of video for your wall mount tablet setup?
Sure if enough people want to see it
@@EverythingSmartHome Yes please
@@EverythingSmartHome yes please!
@@EverythingSmartHome me too please... Even although you're costing me a fortune 😉
@@EverythingSmartHome yes
Thank you Lewis. Been looking at other mushroom related videos but this one definitely nailed it with the explanation on templates. Thxs a lot!
Glad I could help
Thanks. Awesome video. Been thinking about changing the look and feel of my dashboard for a while now and this gives me the inspiration to finally get started.
your content is still the greatest for HA. thank you for all that you do
Excellent video, it's just perfect and a joy to watch, can't thank you enough. I'm trying to use your ideas for my new home dashboard but in a tabled, in landscape! So, I'm struggling to tidy up everything like you did on our tablet. I would love to see more of your excellent design skills. Please keep up the great work!
Great video! Very informational and contained tons of supplementary knowledge necessary for us to create our own mushroom card dashboards!
Incredible walkthrough. Thanks so much for sharing, your channel has propelled my HA integration so much!
Simply amazing video. Thank you for taking the time to do this. So thorough!
Appreciate your videos. I like having the full navigation of my rooms at the top so I just created buttons for each room in helpers and then added those as chips at the top navigating to the room with no info on the cards other than the icons. Created them once on the main screen with the navigation info filled out and then duplicated the card and moved each duplicated card to the top of each room.
Thank You Lewis, another great tutorial. I've added this to the top of my ever-expanding todo list
I was looking for quality content in many videos and finally I could find it in your channel, I am very grateful to you.
Hi Lewis, this is/was a very, very useful video! I followed it carefully and now i have a beautiful dashboard. (I did use some other cards as well, like cover card with a nice animation). Thank you for again a really great and useful video!
Excellent tutorial Lewis.
Could please share the entity that you use to count the number of turned on lights?
Сreate a new sensor with counting in templates:
- platform: template
sensors:
lights_on_off:
value_template: >
{% set lights = [ states.light.first,
states.light.second,
states.light.third,
states.light.etc ] %}
{{ lights | selectattr('state','eq','on') | list | count }} {{ lights | selectattr('state','eq','off') | list | count }}
@@user-ei2do9lb1e Thank you! Should "states.light.etc" be literally that?
I have legit wanted to have this dashboard for SO LONG but never had the time to dig into it. Ever since your video last week I have waited for THIS one. Going to be a nice watch!
With over a year in Home Assistant, I have been overwhelmed with setting up a dashboard that would get the wife approval factor. This is the one that I will debut to the wife!
Just starting to customise my flat, this is absolute must have for me, love it
Thank you so much! A lot of basics covered in the vidio that I struggeld with initially. This is a very good starting point for anyone getting into Home Assistant.
Great videos! Learning alot and trying to follow step by step to create my new dashboards using the mushroom cards.
Freaking awesome as always. This is my first dive into the mushroom cards setup and trying to get a tablet up on the wall so I'll be using this as a definite jumping off point. Thanks!
Great video, thanks for sharing your experience in such an easy way to understand ! Mushroom seems powerful enough for my uses as it is.
Glad it was useful
This is exactly what I needed, easy simple Dashboard even children are able to use!
Oh man. This is going to be a great weekend. I started the hard mode after you put out the Minimalist video. Definitely changing to Mushroom!
Haha try both, see how you get on! Just don't delete your hard work so far incase you want to go back
Nice! I just went through the rabbit hole of watching various videos on dashboards and watched your Top 5 Dashboard video before clicking this video and you wearing a tshirt with word 'nice' had be cracking up🤣🤣 that is a good easter egg! thanks for all your videos and effort you make with putting all this together and the additional personal touch - its all so....nice!
I have been thinking about moving my dashboard to mushroom, this really helps... Thanks for a great video Lewis.
What a great guide! Thank you, this gave me such a good intro into HA.
Awesome video. Have been wanting to make some decent dashboards for a while but always just ended up not really knowing what to do. This has helped so much!
Oh boy just in time for the weekend! Great stuff.
Weekend sorted 😎
Thanks, Lewis. I must say the adding room cards was quicker using the code editor to copy and paste for each room than using the ui.
Awesome video! You master the dashboard creation, good job dude!
I already have my yaml Minimalist version set up, but not without its issues or quirks. This video has me wanting to try out Mushroom on a secondary dashboard so I can compare options, while I desperately wait for the Minimalist video. Thanks Lewis for your hard work in getting us this video!
Thanks, be interested to hear what you think!
Thank you so much for what you do man, your tutorials are amazing and super helpful!!
Love it. Thankyou, it would have been a lot of work for you. Looking forward to all the possibilities this will now open up.
So you know it was not to long, watched it before my work day.
Very detailed guide - i created my first dashboard through this video!
Thank you! This was such a help to get going with a much better looking UI.
Thanks for making this! Inspired me to finally sort my mobile dashboards and mushroom really does make it much easier to make something that looks nice!
Nice one, glad it was useful!
Your videos are great! They’re super useful and really easy to follow.
Thanks , great video , well explained , nearly finished mine , thank you so much !
Only just got around to playing with dashboards.. but now i've started i'm appreciating the ease of use... rather than scrolling down all my rooms in one page
Yay! Been waiting for this
You and me both 😂
Oh man !!!
Thanks for sharing your knowledge and making it easy for anyone to understand.
I've loved your videos, since I discovered your channel a few months ago.
Now I'm starving to see you do some coding on the other version.
Too kind 🙏
Thanks so much for the tutorial. I have been using Dwain's Dashboard and have been building my confidence to have a go at a Dashboard. I'm very happy with this one, looks very nice!
Fantastico. Domani finalmente costruirò la mia prima dashboard. 🎉
Great explanation on using HA, thanks for taking the time to explain the process.
Thanks for watching!
Man this was a great video, you really did a good job covering everything. While explaining I would think of a question and then you would follow-up with the answer. Great job. As well as explaining issues ahead of time that people could come across like what to do if HACS doesn't show or the icons are missing.
Ah thanks so much, really appreciate the feedback and glad you enjoyed!
wow! awesome video! thank you so much! I was playing with minimalist and struggling. This is much more my speed. :-)
Nice man! This really helped me to get started. Looks very nice on my smartphone. Kudos!
Excellent job, Lewis. Really well done. The two things I'm missing from Mushroom are input_numer and input_select options. I'm sure they'll come though.
This is a very useful video. It has taught me quite a bit and have referred to this content numerous times. Thanks!
Another really clear video, thanks Lewis 🍄
Just made my mobile dash based heavily on this video :)
Thanks for your tutorials.
Awesome!
This is really useful. Up to this point, my HA views have been very utilitarian. Now it has some class.
you've no idea how much you have helped me by making this video
That's awesome! 🙏
Thanks Lewis! This has been fantastic to refer back to!
Very good video. Thanks. Was looking for this a long time
Fantastic channel! I learned so much from you.
Thanks again for this beautiful and informative video.
I can't wait to see what's next ;-)
Excellent video! Really helped a starter with HA.
Omg, this is exactly what I was looking for, a complete tutorial on how to us the muhsroom cards. Thank a lot. You have gained a loyal follower.
Nice one, glad I could help
This was a really helpful video. I learnt a lot from this. Thank you kindly SIr!
Great tutorial. Can't wait for the next one.
Wow Thanks for this guide very helpful can’t wait to try it
Bloody great video Lewis. Thanks for the step by step
Totally awesome tutorial. Thank you!
Really clear explanation - so helpful!
Thanks for the tutorial, I've got a great looking dashboard now!
This is amazing, Lewis! Thank you!!
Great tutorial! I've had my own mobile dashboard for awhile, it worked, but it was just kind of "meh". I followed along to your whole video and love what i have now! Unless i missed it, i'd love to see another video about a desktop dashboard you have. I normally have Home Assistant always open on my web browser and definitely need some help beautifying that.
Simply brilliant. Many thanks.
Thanks for doing this! This gave some much need polish to my lovelace... I mean my dashboards!
Awesome video Lewis! I followed along and now have something the rest of the family can use without me playing tech support. Much appreciated!
Nice one, glad I could help!
This video helped me to create a dashboard easily. Thanks for the video.
After hours trying to use yaml with Minimalstic UI and getting no where and needing a lie down, 45 minutes of following your guide I had a fully working dashboard
Thanks for sharing this information - really helpful.
Amazing, it looks super neat!
Great video! Thank you :) The only thing I really changed was putting all the Mushroom cards into a bigger grid card to keep the alignment of the cards when using a desktop view, otherwise it's all over the place lol
Thanks! Yes not a bad strategy at all;
This was a HUGE help....thank you!!
Thanks for sharing your knowledge!
Nice video. Can't eat for your tutorial for Minimalist UI
Followed this yesterday with good results. Thanks.
Excellent, glad it helped!
Я живу в другой стране и только благодаря автопереводу смог смотреть это видео. Отличная видео, спасибо!
Thanks for taking your time to show us how to get started with a dashboard. I personal made some changes on the icon color I use the follow: {% if is_state('switch.hallway', 'on') %}
green
{% else %}
red
{% endif %}
I will like to see two color when using my Nest thermostat when on like to see the green color and red when is off.
Thanks again for the video.