*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
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.
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 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?
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 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.
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.
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 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.
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?
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!!!
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.
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?
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.
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.
@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.
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.
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
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 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 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
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 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?
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.
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.
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.
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.
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.
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.
*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
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.
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 tutorial. Could you show us some of your automations, how you manage light, the fan...
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
Great video, Jimmy! Keep going!
I loved this theme. I’ll try use on my PC theme.
Greetings from Brazil 🇧🇷
Parabéns, muito bem elaborado seu painel. Ganhou mais um inscrito, achei que seria o de numero mil
That's a great video. Very helpful and informative content. That authentic/honest video style is great.
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 Tutorial, you have great content, congrats
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?
Great Video , keep posting. Thank you for what you do and share.
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?
Quick question, how can I add RGB funcionality to the lights on the dashboard? Help would be very appreciated :)
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.
I will try it on my Android Tablet.. Awesome video
thats the way ^^
I have the cables prepared in the wall until 5 years, but no time found to complete the project until yet :(
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
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!
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.
I love the dashboard . Can you please tell me how you did the bedscheets? I'm pretty new with home assistant
yay for blowing my speakers out in the first 2 seconds of the video
They have these tools called hole saws or drill bits that you can use on your drywall
Great video, how can I make the make tap action works?
What is initial step like?
Looks like wall mount is no longer available. Any suggestions for an alternative?
Was curious on how you did that virtual switch part for motion sensor, care to share 🙂
Any chance for a link to a cable like the one you use?
This is so helpful. I am a teenage boy and I’m building a smart room just like you.
Hi, love your work. A very clean way of doing things. Just wondering if you would share how your coding your footer for the purposes of pop ups.
Great 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?
Greetings from London. Thanks for sharing !😀
Which generation/year Fire10? do you use the fire toolbox on it to remove some of the amazon extras?
Quality video thanks very much! Are there certain properties in the yaml file to change to get the dark look like on your dashboard
Hi!
Thanks for your video.
Where have you defined "sensor.lights_on_dashboard_counter" ? Thanks
Great video. Super helpful.😊
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?
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 :)
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!!!
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.
All that content in under 15minutes!!! Great work.
Tired of other creators trying to stretch little bits of information over 30+ minute videos 🥱
thanks for sharing all this... a question: what brand and model of security camera (motion) do you use?
super clean dashboard. very impressive
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
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.
Hello, as an alternative to the amazon tablet, which do you recommend is cheaper? And how do I get the wallpanels?
Great video!
Well done Jimmy you doing great!
thanks for the informative info as usual keep it up
Well done. I have been interested in building an HA wall tablet. I will use your work as a great base for my efforts!
Great video bro 👌🏽
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
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.
Great job Jimmy
Hear before he blows on with 10k+ subs
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.
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.
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
Great dashboard and video, up next phone dashboard?
Thats a great way for tablet integration. Thank you so much for this Jimmy 👌🏻
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 :)
Thanks from Italy
Great video, well done!
Jimmy your awesome !
Do a tutorial on HACS plz
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 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
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 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
So if you want to turn on a lamp you have to walk to the wall?? 😂😂😂
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.
hey, where you got the flat USBC cable from ?
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.
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
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 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.
Really nicely done on the video and amazingly neat dashboard. Going to subscribe to support your channel - good luck mate!
I have heard about spoon fed, this is right up there! Good job buddy.
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.
this is clean af jfc
nice.. liked the dashboard
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 work
any idea how i can move around cards? i would like to add alarmo card in center
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 ?
Hey Jimmy! It would be great to link up for a live stream :)
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.
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.
Looks nice
Jimmy the goat
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.
Thanks for posting this, it's really helped some old guy in Liverpool UK - Liked Shared and Subscribed 🤜🤛
Did you have to strip away all the Amazon “bloatware” before setting up the wall tablet?
Gonna use my magnets for this... 💀
Yeah of course I'm gonna make that portable 🤣
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
Great! You have a new sub...
Home Assistant ... Keep 24 hours time-format !!! Or a button/option to switch from 24 hours to 12 hours if nedded !!! ;-)