Setting Up The PERFECT Home Assistant Wall Dashboard
Vložit
- čas přidán 5. 07. 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
Great video. Super helpful.😊
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 🇧🇷
Great Tutorial, you have great content, congrats
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
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!
Well done Jimmy you doing great!
Great job Jimmy
Great video, well done!
Great video!
super clean dashboard. very impressive
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 video bro 👌🏽
Great video! 👍👍
thanks for the informative info as usual keep it up
great work
I have heard about spoon fed, this is right up there! Good job buddy.
Looks nice
this is clean af jfc
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
Great tutorial. Could you show us some of your automations, how you manage light, the fan...
nice.. liked the dashboard
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.
Jimmy the goat
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
What camera do you use please? Thank you so much great vid!
Great video, how can I make the make tap action works?
What is initial step like?
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 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 :(
Hear before he blows on with 10k+ subs
Hey Jimmy great dashboard!
I've set this up yesterday. I was wondering how to make your dashboard dark without transparency. And make the left menu a bit more rounded off so I could use this with the ios theme.
Great! You have a new sub...
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
Hi!
Thanks for your video.
Where have you defined "sensor.lights_on_dashboard_counter" ? Thanks
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 :)
Can you talk more about the buttons across the bottom and what actions they perform?
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 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.
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 :)
How do you add the option to change the color of the light in the button?
How well would this work on the 11th gen Fire 10 HD tablet? 11th gen is the one right before the one used in this video.
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.
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!!!
Do a tutorial on HACS plz
Hey Jimmy! It would be great to link up for a live stream :)
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.
How do you configure the Apple HomePod?
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.
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.
They have these tools called hole saws or drill bits that you can use on your drywall
I need help to get an old intercom system at home to convert to a tablet mount on the walls
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?
How did you hide the menu, next to the dashboard?
I have QA, how to open full scrren the HA system in tablet ?
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.
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.
❤
عداك العيب يا الورع ما قصرت
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 🙄
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!
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
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.
Your comment in the wall_tablet_grid_redacted.yaml file says " put your wallpanel config here" what does that mean? the name or code from the themes.yaml file?
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
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
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
This is so helpful. I am a teenage boy and I’m building a smart room just like you.
6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?
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.
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.
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
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.
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
I also had to remove my system monitor YAML 🙂
3:25 why not using kiosk?
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
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 :)
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.
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.
@@itsmejimmylandry Thank you! I used " instead of ' and it worked :) Have a nice day
Lol, do not add 12 hour time sensor. Also no pounds, inches, yards and other weird things just a few people are using :D
Hello friend, can you give me a hand to install the theme, I would appreciate it, thank you
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
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.
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