How To Create A Tablet Home Page On Home Assistant Using Browser Mod

[@sygad1]

I was literally thinking about this as a project. This video landed at the perfect time, cheers for making and sharing

[@HassAssistant]

glad i could be of service. Please let me know if you have any ideas of things you would like to see from my channel in the future and I'll make it happen!

[@sygad1]

@@HassAssistant The largest issue I am wrestling with is making responsive dashboards. I don't want to make dedicated dekstop AND mobile AND tablet versions. If that's something you have an answer too that would be amazing.

[@HassAssistant]

@@sygad1 yeah we can adjust how one dashboard appears for either specific users or specific devices. Good idea for a new video

[@HassAssistant]

@@sygad1 hope the latest video clears up this issue for you 👍🏻

[@gabrielcomidi]

That is a great way to keep every tablet under control! Thanks

[@dominicdechangy8365]

very clear video: well done !

[@mattkovacs2820]

Great video! thanks for the solid guidance.

[@phil18boydell]

hello, missed your great videos! I am just trying to add another tablet to my system, but get stuck at 4:17, this brings up my existing tablet display and i am unable to change the settings to hide the header and side bar settings?

[@Racing-46-58]

You are a genius congratulations 😉

[@egor-savenko]

Very cool! Thanks for video.

[@vincenzobrogna7637]

Your videos are perfect, all the steps are explained, impossible to get lost. I did everithing as explained but I'm still confused because what I do in the dashboard on my computer doesn't fit on the tablet. Do you have a video for thsi too? :)

[@dieterpete93]

Great video, thank you very much! Is there a way to get rid of the header and footer of the tablet in Kiosk mode, so you really only see the dashboard? I tried fully kiosk, but it doesn't work with dark mode (or I couldn't figure it out). Thanks in advance!

[@phil18boydell]

@HassAssistant , Hello again, my dash on my tablet has been working great since compleating it with your instructions. However since the last HA update 2023.4.5 my header has come back, I have tried deleting the user and re adding it then turning it off again but it is still stuck there !!! any ideas? Thanks .

[@imantssakne9486]

Very good job!!!Thank you!!!

[@MarkGhali]

not all the way through this yet but great video! Thoughts about using the minimal version of the android app. I have a very old tablet

[@alondinbar6193]

amazing...some of your videos are rare, didn't find something similar like them. what about custom cards like minimalist style? or mushrooms style? how to create a card that look good with flexibility like lets say tv card with 3 different buttons to Netflix, prime, Disney

[@HassAssistant]

for sure, Ill get that done

[@pensionado7668]

Thanks for your videos, I love them. But when I have finished programming on my pc, navigate links only work on my pc and nowhere else; not on my tablets, not on my phone. Any idea?

[@HassAssistant]

make sure you are logging in to home assistant app using the same url you used on the buttons.

[@pensionado7668]

@@HassAssistant I think I know what it is.

[@pensionado7668]

@@HassAssistant I had already pages with the same name where I linked to. That were the wrong ones

[@phil18boydell]

is there any way to fully cover the screen with the background image, or do away with the tablets top line with wifi, clock, battery ect.?

[@HassAssistant]

hiding the androids status bar will be done on the phone itself. That being said, this is something you could also achieve with Fully Kiosk.

[@phil18boydell]

@@HassAssistant yes I have done it with fully, but with it been an old tablet, it's one less thing to be running. Thanks anyway. Looking forward to your next video.

[@HassAssistant]

@@phil18boydell agreed, I wanted to avoid using fully kiosk for that exact reason. Thanks, appreciate the support.

[@RPOKLEMBA]

Hello, great videos, I got a lot of inspiration. On my tablet I set "hide header" everything worked for a long time until the last HA update. Now it doesn't work anymore. Is there any way to fix this? Thank you very much in advance for your reply.

[@HassAssistant]

Double check you browser mod settings. Clear the home assistants app data cache on your tablet and open it up again. Failing this, make sure you try both "hide header for user" and "hide header for a device" options. Or Start fresh with a new account/username, and add the "hide header for that new user"

[@RPOKLEMBA]

Thank you for the quick reply. I've tried all options but it still doesn't work... I don't know what I'm doing wrong...

[@RPOKLEMBA]

To be precise. The browser mod itself works. I can turn the display off and on. Hide header or sidebar doesn't work.

[@HassAssistant]

@@RPOKLEMBA and you definitely tried clearing the cach for the app?

[@imrob.s]

excellent dashboard, congratulations! Is there a way to put a css code in the raw editor of the view? I would like to edit the background with css code.

[@HassAssistant]

What is it you're trying to achieve?

[@imrob.s]

@@HassAssistant animated the background with css code.

[@HassAssistant]

@@imrob.s ok how about this... my next video i show you how to get an animated background

[@imrob.s]

@@HassAssistant perfect! Thank you bro!

[@HassAssistant]

@@imrob.s what kind of background animation are you wanting?

[@dartfrogdk]

NIce works great, i wish there was a way you could turn off the tablet screen not just make it black

[@phil18boydell]

What a great set of videos you have done so far, I am following this tutorial but my cards are not transparent, I have copied your code , but I must be missing somthing.

[@HassAssistant]

card mod might not be correctly loaded into home assistant, check in HACS for any errors.

[@phil18boydell]

yes it was down to me not pointing the yaml to the correct directory in www

[@phil18boydell]

I am now nearly there- thank you, however I want to display the google calender entity, the header is transparant but the events stay on a black background, any ideas where I may be going wrong?