Setting Up The PERFECT Home Assistant Wall Dashboard

[@itsmejimmylandry]

*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

[@hasspodcast]

That is one of the cleanest dashboards I've seen so far! Very inspirational. -Phil

[@Imjoshnewton]

Hadn’t thought to repurpose some of the old kindle fire tablets my kids don’t use until I saw this. Great video!

[@domc6799]

I have set this up, and I am very impressed with how it has turned out. I even modified the sidebar to indicate when the washing machine is finished, and when the button is pressed, it hides again. 👌 Thank you for sharing Jimmy!

[@WestSideConnection5]

Can i ask you how?

[@kevincostner8536]

Great video, Jimmy! Keep going! I loved this theme. I’ll try use on my PC theme. Greetings from Brazil 🇧🇷

[@M.Buus.M]

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.

[@vicentech1718]

Great tutorial. Could you show us some of your automations, how you manage light, the fan...

[@Deadphyre]

Awesome video, I've stopped being lazy and have now decided to work on HA and your video has given me some great ideas and I may even use your code. Keep up the great work!

[@adfjasjhf]

Found you by from my KZbin 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!

[@Betoballestas]

Great Tutorial, you have great content, congrats

[@zlatanonkovic2424]

That's a great video. Very helpful and informative content. That authentic/honest video style is great.

[@buffy500]

This is really useful and gives a good step up to create your own dashboard. Does anyone have advice to make the screen a bit 'shorter' ? I'm running it on a Tab9 and you need to scroll to see the bottom of the page. I've reproportioned the buttons and it's helped but the footer is off the page

[@tfeagans]

I am having the same problem. Did you ever find a fix for this? The gap between the top row (Lights and Climate) and the next one below is huge for me.

[@ankujnarchal5415]

@@tfeagans Did you end up finding a solution for the gaps ?

[@hanzzie28]

Hi Jimmy, first of all, great video and you explaining very well! Very authentic and keep making such video's. I have a question about how you setup your Apple Watch charging timer. Can you share something about it?

[@noobulon4334]

Whenever you put your hand down on your desk I can hear a dull "thud", you can fix that with a simple highpass filter when you're editing

[@ClemsonAlum2001]

Can you talk more about the buttons across the bottom and what actions they perform?

[@bartvangoethem2908]

Also interested ;-)

[@danirde]

Great video!

[@richardemmett6412]

Greetings from London. Thanks for sharing !😀

[@dolcejnk]

I will try it on my Android Tablet.. Awesome video

[@AMMO-NYC]

Great video. Super helpful.😊

[@CuproAT]

thats the way ^^ I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(

[@michaeladriaanse9148]

Great video bro 👌🏽

[@jovanyeo2941]

Great video, how can I make the make tap action works? What is initial step like?

[@ZoneOne2150]

They have these tools called hole saws or drill bits that you can use on your drywall

[@dgod724]

Great Video , keep posting. Thank you for what you do and share.

[@AlexandruConstantinescu-y7o]

hello. I followed the steps but I get the error custom element doesn't exist grid-layout

[@Xatinni]

super clean dashboard. very impressive

[@broncobuddha]

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.

[@xlishman7515]

how do you add the layouts from github to home assistant?

[@EdwinVeenboer]

I have the exact same thing. Any luck fixing it?

[@broncobuddha]

@@EdwinVeenboer can't remember now but I think I copied the code from his GitHub into my yaml.

[@ankujnarchal5415]

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.

[@dawidone]

Great job Jimmy

[@simonsayshomeassistant]

Well done Jimmy you doing great!

[@Liam-fb4tu]

Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard

[@brandonnn95]

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 ....

[@itsmejimmylandry]

I added the sensors to the Github repo so feel free to copy and paste from there. Glad you enjoyed the video :)

[@rasspberrypi4057]

thanks for the informative info as usual keep it up

[@ron4569]

Great video, well done!

[@pfer1984]

Hi! Thanks for your video. Where have you defined "sensor.lights_on_dashboard_counter" ? Thanks

[@hirion4297]

Quick question, how can I add RGB funcionality to the lights on the dashboard? Help would be very appreciated :)

[@tfeagans]

Hey Jimmy, love your videos and this dashboard. I am nearly finished setting my dashboard up but have one problem. There is a huge gap between the top rows (lights lights climate) and the row below (media outlets security). It is pushing the content below the screen. Any suggestions for how I would fix this? Thank you.

[@marcelopontes1568]

Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil

[@thamerh]

thanks for the informative info as usual keep it up your forget to add the card mod 3 to the custom repo

[@itsmejimmylandry]

Added. Thanks for letting me know :)

[@lightmaster2006]

Was curious on how you did that virtual switch part for motion sensor, care to share 🙂

[@wulpixkimi]

Hi, which outlet do you use for your Smartwatch?

[@kaylakicky]

I love the dashboard . Can you please tell me how you did the bedscheets? I'm pretty new with home assistant

[@bill_automated1226]

Well done. I have been interested in building an HA wall tablet. I will use your work as a great base for my efforts!

[@Fadukes]

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?

[@antiewaste3303]

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.

[@kaandurgut]

Hello, I hope it helps. Change border-radius: "20px" in theme.yaml file.

[@MericSelcuk]

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.

[@itsmejimmylandry]

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.

[@brunodamioli]

thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?

[@ItsBigDode]

Love this dashboard, but how do you get a sensor to do the since last sheets change button?

[@itsmejimmylandry]

Create a counter helper in settings. Find an automation in your setup that runs once daily (or create one if you don’t have one) and tack an increment counter action to the bottom of it. This way, your counter will increase by one for every day that passes until you reset it.

[@briannapora9786]

Looks like wall mount is no longer available. Any suggestions for an alternative?

[@alymilant3570]

Hi May I ask question for example in my barbecue area I have smart switch if I put wall dashboards inside the house can being controlled from both thank you

[@aatifkhan8412]

Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!

[@alex_ortiz]

Which generation/year Fire10? do you use the fire toolbox on it to remove some of the amazon extras?

[@maukuk]

Any chance for a link to a cable like the one you use?

[@Piedra84]

Great dashboard and video, up next phone dashboard?

[@sergiomendes63]

Hello, as an alternative to the amazon tablet, which do you recommend is cheaper? And how do I get the wallpanels?

[@Pak-Sam]

great work

[@Zignito]

Great information. May be you can a video where you can utilise old phones as smart display per room. Ie kitchen , living room can just have a old smart phone attached to a wall and only shows devices in that particular room. Now a day can buy cheap second hand phone and tablets. Also lots of people have old phones which are good enough as display.

[@NickDoddTV]

yay for blowing my speakers out in the first 2 seconds of the video

[@sydmas1452]

Love your videos man! When will you post new videos?

[@maxm620]

Hello. I have a question. On my iPad the text in the buttons is too large and goes over the edge of the buttons. How can I fix this?

[@mariuscornel87]

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.

[@ryanarhart4994]

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.

[@faizansiddiqui9261]

any idea how i can move around cards? i would like to add alarmo card in center

[@BreitiDE]

hey, where you got the flat USBC cable from ?

[@videocreations27]

How do you add the option to change the color of the light in the button?

[@sangellga]

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!!!

[@GarryLuck]

All that content in under 15minutes!!! Great work. Tired of other creators trying to stretch little bits of information over 30+ minute videos 🥱

[@ashwanmangal5208]

How do you configure the Apple HomePod?

[@AmbientTonez-fr4pw]

Jimmy your awesome !

[@msgmi]

Thanks for the vid! Any risk of battery over charging to bloat/fire?

[@itsmejimmylandry]

@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.

[@mortenpohlmann8362]

Hi Jimmy, I am completely new to this area and this is the first time I am trying to set it up my home assistant and it is not without errors. I have tried to follow your video step by step, but for errors every time, maybe you can help me, the error that comes is : Custom element doesnt exist : grid - layout. Hope you can help me and maybe have some good ideas.

[@CptHardy-ye6xp]

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?

[@itsmejimmylandry]

Yes, I use the MJPEG IP camera integration and it works really well.

[@CptHardy-ye6xp]

@@itsmejimmylandry so how did you do that as MJPEG IP expects a user and passwort which wallpanel does not provide....

[@itsmejimmylandry]

@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.

[@golfmaster6196]

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?

[@neilcdraper]

me too

[@Bluecoat2011]

I have a galaxy Tab A7 and have setup most of this working well but the buttons are to large and means I need to scroll down to see the second row and the footer. this is doing my head trying to adjust... any tips?

[@pankajnaik2708]

Looks awesome, I tried doing this. But my changing Theme option is disabled. Could you pls guide?

[@itsmejimmylandry]

Try adding this to your configuration.yaml if you haven't already: frontend: themes: !include_dir_merge_named themes

[@appzguru]

I followed your all your steps, but I get an error: Custom Element doesn't exist: Grid Layout. Am I missing an addon or something? It prevenst me from clicking the edit buttons.

[@BigLew1986]

Getting an error message of Custom Element Doesn't Exist: grid-layout and ideas how to fix this?

[@itsmejimmylandry]

@BigLew1986 make sure you have layout-card installed

[@joshuahaney1135]

@@itsmejimmylandrywhat is a layout card?

[@joshuahaney1135]

Me too

[@zedtrek]

Thanks from Italy

[@leonardnicholson5717]

I need help to get an old intercom system at home to convert to a tablet mount on the walls

[@joshuahaney1135]

So everything up until the point where I see the new dashboard it says custom element doesn’t exist grid layout

[@adrianopery]

any progress in this issue?

[@joshuahaney1135]

@@adrianopery not on my end

[@itsmejimmylandry]

make sure you have layout-card installed

[@lizzo001]

so I'm extremely fresh to HA and have this problem, obviously I haven't installed much from hacs. I had this error on screen, showed nothing else. Already having HACS installed I searched and downloaded "layout-card" "card-tools' 'card-mod' 'button-card" "Vertical Stack In Card" "mushroom theme" I've learnt whatever the error is to search for the missing content in hacs or google. I'm not sure how correct this is and if I'll have future errors but I now have a dashboard showing that I can modify from there.

[@drtripurahpe8412]

nice.. liked the dashboard

[@Smatek_Electronics]

Looks nice

[@zoltavajda6021]

This is so helpful. I am a teenage boy and I’m building a smart room just like you.

[@YeeLiangWoon]

Hi Jimmy, I follow the step by step and i encounter an error ( Unable to save YAML: [object Object] ) when i try to save in dashboard > raw configuration editor. Any tips on how to find the issue for this ? Much appreciated thanks

[@teckboy62290]

Nice job !! Do you know how to browse icon with "phu:" ??

[@itsmejimmylandry]

Install custom brand icons in HACS

[@teckboy62290]

@@itsmejimmylandry yes i did it but how to list all icons to see them ?

[@lxg87]

How did you hide the menu, next to the dashboard?

[@GuilhermeVignerondeOliveira]

Where can I find that cable?

[@TechhTV]

Hear before he blows on with 10k+ subs

[@SmartHomeMakers]

Hey Jimmy! It would be great to link up for a live stream :)

[@Kitze]

this is clean af jfc

[@BootlegEL]

6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?

[@MisterMar]

I didnt have the "themes" folder, I've created it and after I've created the file, added the code, next Develepor Tool, called Frontend. But when I go to my profile the team is not available. I just don't get any option to select a theme.

[@OscarRoseby]

i found got to Profile scroll down to browser settings and its at the top

[@itsmejimmylandry]

try adding this to your configuration.yaml if you haven't already: frontend: themes: !include_dir_merge_named themes

[@MisterMar]

@@itsmejimmylandry I already have it. Doesn't work.

[@Samhain1]

Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻

[@tfeagans]

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?

[@itsmejimmylandry]

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.

[@ElijahMeyers-x3z]

Do a tutorial on HACS plz

[@irukafx]

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 !

[@itsmejimmylandry]

@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.

[@lucasgirod]

@@itsmejimmylandry Would you mind sharing an example? I somehow cannot get it to work - I only get an empty popup... Thank you!

[@raymondcharles5580]

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?

[@siposdaniel6461]

I have QA, how to open full scrren the HA system in tablet ?

[@arunskuviyam]

I have heard about spoon fed, this is right up there! Good job buddy.

[@adamb7404]

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 ?

[@itsmejimmylandry]

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 🙄