*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 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!
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?
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
@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 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.
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.
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.
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.
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.
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?
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.
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.
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?
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.
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.
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
@@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
*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!
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!
Great video, Jimmy! Keep going!
I loved this theme. I’ll try use on my PC theme.
Greetings from Brazil 🇧🇷
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 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!
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.
Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil
Great Tutorial, you have great content, congrats
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?
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.😊
I will try it on my Android Tablet.. Awesome video
Great Video , keep posting. Thank you for what you do and share.
Can you talk more about the buttons across the bottom and what actions they perform?
Also interested ;-)
Greetings from London. Thanks for sharing !😀
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
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 ?
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.
Was curious on how you did that virtual switch part for motion sensor, care to share 🙂
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?
They have these tools called hole saws or drill bits that you can use on your drywall
Love your videos man! When will you post new videos?
Well done Jimmy you doing great!
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 :)
Hi!
Thanks for your video.
Where have you defined "sensor.lights_on_dashboard_counter" ? Thanks
Looks like wall mount is no longer available. Any suggestions for an alternative?
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.
Great video, how can I make the make tap action works?
What is initial step like?
Great job Jimmy
Great video!
Great video bro 👌🏽
thats the way ^^
I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(
I love the dashboard . Can you please tell me how you did the bedscheets? I'm pretty new with home assistant
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
super clean dashboard. very impressive
Any chance for a link to a cable like the one you use?
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.
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 :)
thanks for the informative info as usual keep it up
All that content in under 15minutes!!! Great work.
Tired of other creators trying to stretch little bits of information over 30+ minute videos 🥱
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.
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
hello. I followed the steps but I get the error custom element doesn't exist grid-layout
yay for blowing my speakers out in the first 2 seconds of the video
Great video, well done!
Thanks from Italy
Hi, which outlet do you use for your Smartwatch?
Great dashboard and video, up next phone dashboard?
Quick question, how can I add RGB funcionality to the lights on the dashboard? Help would be very appreciated :)
Which generation/year Fire10? do you use the fire toolbox on it to remove some of the amazon extras?
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.
3:25 why not using kiosk?
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.
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.
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.
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 ?
Hello, as an alternative to the amazon tablet, which do you recommend is cheaper? And how do I get the wallpanels?
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.
Hello, I hope it helps. Change border-radius: "20px" in theme.yaml file.
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.
6:48 File (Walltablet _grid_redacted)isn't there anymore or a different name?
hey, where you got the flat USBC cable from ?
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
great work
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
Hey Jimmy! It would be great to link up for a live stream :)
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.
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.
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.
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?
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.
Jimmy your awesome !
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 :)
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.
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
Do a tutorial on HACS plz
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!
nice.. liked the dashboard
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.
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
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.
Looks nice
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
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.
Usb c poe data and power , That'd do for my needs
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
any idea how i can move around cards? i would like to add alarmo card in center
Great! You have a new sub...
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
How do you add the option to change the color of the light in the button?
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
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
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 clean af jfc
How did you hide the menu, next to the dashboard?