Setting Up The PERFECT Home Assistant Wall Dashboard
ฝัง
- เผยแพร่เมื่อ 14 พ.ค. 2024
- The highly requested wall tablet setup guide is finally here! In this video I'll take you through my current wall-mounted tablet setup, and how to hopefully get the dashboard working on your home assistant instance.
Also, shoutout to @mattper on TH-cam and GitHub for heavily inspiring the layout for the dashboard. You can find him here: github.com/matt8707/hass-config. And while you're at it, be sure you check out his latest project, HA Fusion, which might be the best (and by far easiest) HA dashboard I've ever seen. I was toying around with it a couple of weeks ago and it looks absolutely AMAZING 🤩 (github.com/matt8707/ha-fusion)
Questions? Let me know in the comments, and I'll be happy to help you out.
LINKS!
GitHub Repository: github.com/jimmy-landry/HA-Ta...
Tablet: www.amazon.com/Amazon_Fire_HD...
Wall Mount: www.amazon.com/Smart-Home-Mou...
WallPanel: wallpanel.xyz
-------------------------------------------
HELP ME REACH 10,000 SUBS! 👉 / @itsmejimmylandry
00:00 - Intro
00:47 - The Tablet
01:40 - Software
04:18 - Set Up Theme
06:47 - Set Up Dashboard
10:40 - Outro
#smarthome #homeassistant #automation
*FORGOT TO MENTION THIS IN THE VIDEO:* I use a HACS frontend repository also called WallPanel for displaying the screensaver when the tablet isn't being used. The documentation is quite extensive so hopefully it's not too difficult to get working; here's a link if you want to try it out yourself: my.home-assistant.io/redirect/hacs_repository/?owner=j-a-n&repository=lovelace-wallpanel&category=plugin
Found you by from my TH-cam recommendations, couldn't be more grateful.
Thanks for this! Your interest and knowledge in smart home will benefit you in multiple ways in future. You better start preparing your CV before you forget what you did :)
Subbed!
That's a great video. Very helpful and informative content. That authentic/honest video style is great.
That is one of the cleanest dashboards I've seen so far! Very inspirational.
-Phil
Cant say the same for his sheets though.
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
Great video, Jimmy! Keep going!
I loved this theme. I’ll try use on my PC theme.
Greetings from Brazil 🇧🇷
Well done. I have been interested in building an HA wall tablet. I will use your work as a great base for my efforts!
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
Thanks for posting this, it's really helped some old guy in Liverpool UK - Liked Shared and Subscribed 🤜🤛
Greetings from London. Thanks for sharing !😀
Great Tutorial, you have great content, congrats
I have heard about spoon fed, this is right up there! Good job buddy.
thanks for the informative info as usual keep it up
Great video bro 👌🏽
Great video, well done!
Great video!
Great video! 👍👍
great work
Great tutorial. Could you show us some of your automations, how you manage light, the fan...
This is so helpful. I am a teenage boy and I’m building a smart room just like you.
Hi, love your work. A very clean way of doing things. Just wondering if you would share how your coding your footer for the purposes of pop ups.
thats the way ^^
I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(
thanks for the informative info as usual keep it up
your forget to add the card mod 3 to the custom repo
Added. Thanks for letting me know :)
You can set the time prefence in you user account in the left bottom cornor. You can choose between 12am/pm or 24 hour clock
this is clean af jfc
Great video and very helpful! Smoothest 'Like and subscribe' request I've ever seen too! Oh, and change ya sheets! LOL Looking forward to more content from you! Liked and subscribed.
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
I liked but you don’t need a better mic as long as the content is amazing 🤩 i think you have a very big potential!!!
Agree, your mic is fine! :)
Good video, and nice dashboard layout :)
Hear before he blows on with 10k+ subs
Great dashboard and video, up next phone dashboard?
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil
Great Video. One question regarding your 12 hour clock sensor. Everything related tothe date worked fine, however after copying over your code for the timenew sensor, it only shows "Unavalalble". Have the new updates in HA affected this?
Great! You have a new sub...
Hi, I wanted to ask if it's possible for you to create a video showing how to download everything needed. You demonstrate it in the video, but I couldn't figure it out as I'm quite new to this. I also think it would be really cool.
Jimmy the goat
Very nice dashboard! Could you let me know if you used any automation or scenes for the Lightning - where it shows how many lights are on (left side screen) and for the sheets changing logic? I am trying to find in dashboard/cards yaml source this variable and i cannot find: sensor.lights_on_dashboard_counter - in another place, where is written. Thanks.
Hey Jimmy! It would be great to link up for a live stream :)
hey Jimmy! Absolutely love the video .. any chance you could share the sensor for the 12 hour clock / date ? I cant seem to get it to work right ....
I added the sensors to the Github repo so feel free to copy and paste from there. Glad you enjoyed the video :)
24 hour clock display is the default / standard way of doing things in pretty much the entire world. The US is the exception.
You say that, but there’s plenty of people in the UK who use AM/PM.
Even so far as saying “10 AM in the morning” 😅
@@Gizzer3010 that would be double wrong 😂
I’m not in USA and 24 hour is not default, a lot of people and electronics use 12 hour format or let the user choose.
Ehh .. that's changing quickly
I like more the 12h appearance
Thanks for the vid! Any risk of battery over charging to bloat/fire?
@msgmi most modern tablets have technology built in that prevents the battery from overcharging and posing a fire hazard. However, if you're still paranoid like me, you can use a smart plug to automate the charging process. Just install the HA app on the tablet, and set up an automation to turn on the plug when the battery drops below a certain threshold and back off when it's sufficiently charged. I have mine set up to kick on when the tablet drops below 65% and back off when it reaches 80, as I read l-ion batteries tend to last longer when kept within that range.
hi, good video thank you. I have 2 questions :
- What is it supposed to happen when you click on the lower cards scenes/music etc.. ? the toggle section is empty and I'd like some ideas
- All the phu custom icons aren't handled by default, what extension did you install for them to work please ?
Thanks, Very beautiful dashboard BTW, keep up the good work !
@irukafx glad you liked the dashboard and video! For the lower buttons, I use browser-mod to show a popup with further controls based on each button. So, for the scenes button, the popup shows mushroom template cards that activate my most commonly used scenes. You can put pretty much anything you want in the popups, the documentation explains how to do that: github.com/thomasloven/hass-browser_mod. And for the phu icons, you'll want to install custom brand icons, which can be done via HACS.
Nice one. Thanks for the vid. Q. Will this be affected in any way by future android firmware updates? Or is that always sorted with HA updates? Are android based tablet less prone to firmware update breaks within HA compared to other platforms out there? thanks.
HA is running independently and not on the tablet, would not be affected by android updates.
Great video. Love the dashboard!
FWIW: They don't have native 12 hour time sensors because all time is in 24 hours... don't be a bad American thinking the world revolves around us. Adopt International Time (ISO) time.
So everything up until the point where I see the new dashboard it says custom element doesn’t exist grid layout
Thank you for this. I am making good progress adapting your code to my own HA but I have one question. When the page is displayed on my Fire tablet, I am getting three little shadow boxes around the date and time. There are curved corners on each side of the time and date. 3 on the left side and 3 on the right. Interestingly, when the page is shown in my browser, there are no box effects in this area. Just straight lines on each side of the side panel as it should be. Any ideas what is causing this?
You can use card-mod to manually remove the shadow element; I added instructions to the bottom of the GitHub repo in the description on how to go about doing that. Absolutely no idea what causes it but using card-mod should prevent it from showing up again.
Do a tutorial on HACS plz
hey and thanx for your cool tutorial. One question please: The app wallpanel can setup an ip-cam. Is there any way to integrate this ip cam to homeassistant?
Yes, I use the MJPEG IP camera integration and it works really well.
@@itsmejimmylandry so how did you do that as MJPEG IP expects a user and passwort which wallpanel does not provide....
@CptHardy-ye6xp the username and password fields aren't required, just leave them blank and click submit and it should still go through. Alternatively you can manually set the username & password in the wallpanel app settings and use those when setting up the integration.
How do you add the option to change the color of the light in the button?
Thank you for the video, I want to ask something. I don't want the waiting screen to appear. I want my panel to be open all the time. I couldn't find where I can turn it off.
That's probably because you installed the wallpanel HACS component that shows a screensaver. You can either delete it entirely from HACS or change the "enabled" parameter under the wallpanel config entry to "false". However note that deleting it entirely will mean that the sidebar doesn't automatically get hidden.
6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?
I like the dashboard cause I am a Apple guy. Damn I wish I knew how to set up dashboards in home assistant or even use it. Hahah would be nice in my new house.
I followed along, but my dashboard has the errors (as I would expect given different entities) but also no formatting whatsoever and the error at the top: Custom element doesn't exist: grid-layout. What am I missing? Edit: I need to do the layouts you listed on GitHub. My mistake.
how do you add the layouts from github to home assistant?
I also noticed my icon sizing and buttons arent in the same alignment.. do i need to adjust a size somewhere?
Why is my layout so different that yours
It needs to be setup as Grid (layout-Card) mine kept reverting to Masonry - but i got it now
❤
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
Love your dashboard and I have a problem as every time I try to load the dashboard I get this error custom element does not exist:grid-layout can you help
Double check that you have layout-card installed from HACS
@@itsmejimmylandry I had HACS and layout-card installed but for some reason some how uninstalled them. I may have done I did remove some old devices that where not used anymore. All working now Thank you
عداك العيب يا الورع ما قصرت
My Profiles shows no Themes available, did I missed something? Do I need to enable the themes folder in Configuration.yaml files?
Yeah you do need a few extra lines in your configuration.yaml. I left them in the GitHub repo so you can find them there; they should get the custom themes working.
I also had to remove my system monitor YAML 🙂
i cant get the 12hr time sensor to work
I created a sensor.yaml because i have another sensor i created
Can you please share your sensor yaml code :)
Great vids btw. keep em up!
i see you posted this on GitHub
Very helpful
But - it appears to now want to work for me
i get YAML config errors and the sensor never gets created.
I was JUST able to solve it
my indentation was off. Once i got my code lined up in whatever way HA wanted, it worked!
@@jasong3193 Are you able to share? I have Month and Day working but timenew doesn't seem to want to.
Getting an error message of Custom Element Doesn't Exist: grid-layout and ideas how to fix this?
@BigLew1986 make sure you have layout-card installed
@@itsmejimmylandrywhat is a layout card?
Me too
can you share the yaml?? thanks!!
@Kiloptero it's in the Github repo linked in the description
In release 2024.3 the drag and drop feature is introduced. I understood from the dev team that later on the custom card also will be supported. In that way it hopefully will be possible to create dashboards like this without coding.
Sori but no
I'm interested in that motion disable/enable code. Does anybody know where is it located in the code? Any help will be greatly appreciated.
@xxstormuxx lines 2835-2867, I use a mushroom template card that toggles a switch connected to the automation. If the switch is off, the automation doesn't run.
Nice dash. Do yourself a favour though and get the tablet to charge automatically. Best way to do this is use a smart plug and charge it everyday for a certain amount of time based on an automation. One less thing you’ll need to do, right?
I actually already do this, I use the mqtt function of WallPanel to get the battery percentage inside HA. Have it set to turn on when it drops below 65% and turn off once it reaches 80%, as I read that Lithium-ion batteries tend to last longer when kept within this range. You can see the smart plug in the video at 1:38, if you look closely. Appreciate the suggestion though :)
Lol, do not add 12 hour time sensor. Also no pounds, inches, yards and other weird things just a few people are using :D
Amazing template. Great job. I just cannot get it to work. Are you able to support me at all?
@user-hz7bi8lz4m what errors are you getting?
@@itsmejimmylandry i am new to HA. I have no knowledge of coding and when i try to use this template or even the fusion i am getting all sorts of errors. I live this dashboard and amazing work you have put in it.
@@user-hz7bi8lz4mEssentially you’ll just want to edit the individual tiles that are showing an error to direct them to items that exist in your smart home. He touched on this near the middle of the video. As an example: Think about it as if you and a friend swapped all desktop shortcuts from each other’s computers, then expected things to still work properly. This wouldn’t work because the shortcuts are still looking for files that aren’t there anymore. His lights aren’t in your home, so you’ll need to tell each tile which lights exist in your home. It’s very time consuming, but the only way unfortunately.
Mqtt you didn't sensor your ip but did just before that XD
Hope that's an internal ip
Edit: it is just a local IP
Oh duh you're right XD
12 houre, just set it up under your profile.
Why would I ever do this. if I have assistances through out my home. This seems like a step back in time. Glad you like this for yourself.
Lame.. Why would you mount that on the wall?
All that content in under 15minutes!!! Great work.
Tired of other creators trying to stretch little bits of information over 30+ minute videos 🥱