*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
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!
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!
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.
Found you by from my RUclips 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!
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.
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
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.
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.
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?
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, 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.
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.
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.
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.
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.
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?
That is a really nice dashboard that you have built. Very impressive! However, I feel like I should point out that the outlet you showed, in your closet, is not a safe setup. You shouldn't have multiple multi plugs, extenders, smart plugs, or any combination of them plugged into each other. Also, it looked like you had taped around your cord or cords and that is another thing that is not safe.
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?
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.
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.
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
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
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.
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!!!
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.
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.
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?
@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?
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?
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.
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 🙄
*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
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!
Great video, Jimmy! Keep going!
I loved this theme. I’ll try use on my PC theme.
Greetings from Brazil 🇧🇷
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!
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.
Great tutorial. Could you show us some of your automations, how you manage light, the fan...
That's a great video. Very helpful and informative content. That authentic/honest video style is great.
Found you by from my RUclips 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!
hello. I followed the steps but I get the error custom element doesn't exist grid-layout
Great Tutorial, you have great content, congrats
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 have the exact same thing. Any luck fixing it?
@@EdwinVeenboer can't remember now but I think I copied the code from his GitHub into my yaml.
Great video. Super helpful.😊
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
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.
@@tfeagans Did you end up finding a solution for the gaps ?
Can you talk more about the buttons across the bottom and what actions they perform?
Also interested ;-)
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
Looks like wall mount is no longer available. Any suggestions for an alternative?
Quick question, how can I add RGB funcionality to the lights on the dashboard? Help would be very appreciated :)
Great Video , keep posting. Thank you for what you do and share.
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?
Well done Jimmy you doing great!
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
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.
All that content in under 15minutes!!! Great work.
Tired of other creators trying to stretch little bits of information over 30+ minute videos 🥱
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
They have these tools called hole saws or drill bits that you can use on your drywall
Greetings from London. Thanks for sharing !😀
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?
Great video bro 👌🏽
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?
me too
I will try it on my Android Tablet.. Awesome video
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.
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.
Love this dashboard, but how do you get a sensor to do the since last sheets change button?
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.
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
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.
How do you add the option to change the color of the light in the button?
Great video, how can I make the make tap action works?
What is initial step like?
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.
i found got to Profile scroll down to browser settings and its at the top
try adding this to your configuration.yaml if you haven't already:
frontend:
themes: !include_dir_merge_named themes
@@itsmejimmylandry I already have it. Doesn't work.
Any chance for a link to a cable like the one you use?
thats the way ^^
I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(
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?
6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?
super clean dashboard. very impressive
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!
Hi, which outlet do you use for your Smartwatch?
Hello, as an alternative to the amazon tablet, which do you recommend is cheaper? And how do I get the wallpanels?
That is a really nice dashboard that you have built. Very impressive! However, I feel like I should point out that the outlet you showed, in your closet, is not a safe setup. You shouldn't have multiple multi plugs, extenders, smart plugs, or any combination of them plugged into each other. Also, it looked like you had taped around your cord or cords and that is another thing that is not safe.
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?
3:25 why not using kiosk?
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.
How do you configure the Apple HomePod?
Great job Jimmy
Was curious on how you did that virtual switch part for motion sensor, care to share 🙂
Great video, well done!
Hi!
Thanks for your video.
Where have you defined "sensor.lights_on_dashboard_counter" ? Thanks
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.
Hello, I hope it helps. Change border-radius: "20px" in theme.yaml file.
Well done. I have been interested in building an HA wall tablet. I will use your work as a great base for my efforts!
I have QA, how to open full scrren the HA system in tablet ?
thanks for the informative info as usual keep it up
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
any idea how i can move around cards? i would like to add alarmo card in center
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
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.
Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil
I need help to get an old intercom system at home to convert to a tablet mount on the walls
Love your videos man! When will you post new videos?
Why the theme just don’t do anything? Like it’s don’t change font or colors, help please!
I love the dashboard . Can you please tell me how you did the bedscheets? I'm pretty new with home assistant
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
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
yay for blowing my speakers out in the first 2 seconds of 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
hey, where you got the flat USBC cable from ?
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
Hello, how do I create a sensor for weekday and month? I want to display thay
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!!!
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
Looks awesome, I tried doing this. But my changing Theme option is disabled. Could you pls guide?
Try adding this to your configuration.yaml if you haven't already:
frontend:
themes: !include_dir_merge_named themes
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
How did you hide the menu, next to the dashboard?
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.
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 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.
Anyone know where to get a mount kit like this in the UK? Can't find anything this low profile/simple
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.
Where can I find that cable?
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
wish that wallmount was available. it is on etsy, but costs a fortune.
Great dashboard and video, up next phone dashboard?
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?
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.
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
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.
Usb c poe data and power , That'd do for my needs
Nice job !! Do you know how to browse icon with "phu:" ??
Install custom brand icons in HACS
@@itsmejimmylandry yes i did it but how to list all icons to see them ?
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
Why would you set your charger on a time instead of just letting it charge until you picked it up
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 🙄
Why use a Fire Tablet and not an Android Tablet since Fire Tablet won't do half as much as an Android or Google device?
Because you can get them on black friday for cheap and they will be functional?