Setting Up The PERFECT Home Assistant Wall Dashboard
Vložit
- čas přidán 11. 06. 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 CZcams 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
That is one of the cleanest dashboards I've seen so far! Very inspirational.
-Phil
Cant say the same for his sheets though.
That's a great video. Very helpful and informative content. That authentic/honest video style is great.
Great video, Jimmy! Keep going!
I loved this theme. I’ll try use on my PC theme.
Greetings from Brazil 🇧🇷
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
Found you by from my CZcams 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!
Well done. I have been interested in building an HA wall tablet. I will use your work as a great base for my efforts!
Great Tutorial, you have great content, congrats
Thanks for posting this, it's really helped some old guy in Liverpool UK - Liked Shared and Subscribed 🤜🤛
Great job Jimmy
Well done Jimmy you doing great!
Greetings from London. Thanks for sharing !😀
super clean dashboard. very impressive
thanks for the informative info as usual keep it up
Great video, well done!
Great video bro 👌🏽
I have heard about spoon fed, this is right up there! Good job buddy.
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
Great video!
Great video! 👍👍
great work
Looks nice
Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil
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.
Great tutorial. Could you show us some of your automations, how you manage light, the fan...
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
this is clean af jfc
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
Great video, how can I make the make tap action works?
What is initial step like?
Hear before he blows on with 10k+ subs
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 :)
Great! You have a new sub...
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?
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 :)
Great dashboard and video, up next phone dashboard?
thats the way ^^
I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(
Jimmy the goat
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.
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.
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.
Somewhat a newbie to HA but managed to get the dashboard working (awesome video btw) but having a few issues that I could use a little assistance with.....1) could you share the sensor code for the lights_on_dashboard sensor? and the other is how to configure the "actions" fr the bottom row of buttons on the dashboard. Again I am somewhat new and learning but these two areas are really giving me a challenge. Thanks in advance!!!
Which generation/year Fire10? do you use the fire toolbox on it to remove some of the amazon extras?
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 :)
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.
How do you add the option to change the color of the light in the button?
Hi, I did everything like on the video, but when I open dashborad on the left sidebar, I do not see dashboard with button, but code with information 'Custom element doesn't exist': grid layout'. Do you know how can I resolve this issue?
Hey Jimmy! It would be great to link up for a live stream :)
I need help to get an old intercom system at home to convert to a tablet mount on the walls
I have QA, how to open full scrren the HA system in tablet ?
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.
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.
How did you hide the menu, next to the dashboard?
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?
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.
Do a tutorial on HACS plz
This is so helpful. I am a teenage boy and I’m building a smart room just like you.
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.
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.
@@itsmejimmylandry Would you mind sharing an example? I somehow cannot get it to work - I only get an empty popup... Thank you!
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
So everything up until the point where I see the new dashboard it says custom element doesn’t exist grid layout
any progress in this issue?
@@adrianopery not on my end
make sure you have layout-card installed
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.
Hi Jimmy, thanks for sharing your dashboard.
I tried today install the dashboard on my HA but I'm facing the issue when I select the new dashboard.
I'm receiving the message “custom element doesn’t exist grid layout", could you try to help me on it, please?
make sure you have layout card installed
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
Quick question, HomePod integration I know your can use Apple TV integration but I having a lot of problems with them showing up or not found on network any tips ?
Try going into the Apple Home app and going to home settings > speakers & TVs and make sure it's set to anyone on the same network. Took me forever to figure this out but after changing it my HomePod was instantly discovered by the Apple TV integration. This isn't in the documentation for some reason 🙄
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
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.
عداك العيب يا الورع ما قصرت
6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?
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'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.
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
❤
Looks like Wall Panel was taken down from the Amazon Appstore. Can't find it
It was never in the appstore, you have to sideload it from wallpanel.xyz. Sorry for the confusion
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 :)
Everything looks like gold! But.. Time section while using {{ now().hour }} : {{ now().minute }} at 2:02 shows 2:2, for 3:09 it will be 3:9 etc.. How to solve this? If its a noob question - forgive me :D
Try using the official date/time integration, which will give you a sensor that provides the 24 hour time: my.home-assistant.io/redirect/config_flow_start?domain=time_date
Once you have it set up, use {{ states('sensor.time') }} in the content field.
Is this based on the tablet dashboard from Mattias?
Yep, I started with his dash and then decided to create my own based off his. I liked the design and layout but wanted to change what was in the sidebar, the icons, and a few other minor details.
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.
I also had to remove my system monitor YAML 🙂
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
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
@itsmejimmylandry At 05:08 you're showing your URL. I was able to retrieve your IP through that. Might want to blur that.
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.
wallpanels are so much overrated these days. at least, for what they are used. the same is for nfc controlled stuff. it is just uncomfortable.
everything you need, you are better and more comfortable just by voice control e.g. over google, alexa etc. There are just a few exceptions. e.g. LED control for differen custom color type (if you arent using presets). Or if you want to look at a chart which shows you energy consumption over a preriod and those stuff.
apart from that: voice control or automatically event triggered e.g. by a motion sensor. nobody wants to run to a tablet to activate a charger. its just sensless
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 🥱