Okay so for my home assistant I have a couple of tablets that I'm going to put on the walls for like the kitchen, bedroom... so I can control and see all the information from my home assistant. What would be the best way to do this as in like via the home assistant app or via a web browser that locks it to a URL page?
#HAOS tablet dashboard options?
fallow heath
quaint gate
Ideally, get an old Android tablet or a Fire TV tablet from Amazon. Be sure to install/buy the Fully Kiosk browser. https://www.home-assistant.io/integrations/fully_kiosk/
fallow heath
Ideally, get an old Android tablet or a Fire TV tablet from Amazon. Be sure to i...
I need subscription for that tho?
deep hamlet
fallow heath
Oh ok
But is there like a non paid version?
Also using this still shows the like side bar which I don't really want on tablet
stone spade
Also using this still shows the like side bar which I don't really want on table...
You need the kiosk mode addon for that. It's on HACS
With it you can append ?kiosk in the used url and boom. No header/sidebar.
Perfect for FKB
and the FKB is definitely worth paying the license, i paid 10 and don't regret it at all!
Plus, they arre transferrable when you change the tablet on a wall 😛
fallow heath
With it you can append `?kiosk` in the used url and boom. No header/sidebar.
Pe...
okkk ill look into it
is there a way to hide the left menu but keep the top menu bar?
ancient aurora
you can hide all stuff 😉 Fully Kiosk is one time payment (lifetime), but it's fully worth it, given all the sensors of tablet will be exposed to haos, then it's easy to automate stuff too.
combi of Fully Kiosk and kiosk_mode is perfect.
fallow heath
no i mean like so for example
keep red
hide blue
ancient aurora
yes can do. you can customize (hide or show) almost anything with kiosk_mode.
ancient aurora
followed this: https://github.com/NemesisRE/kiosk-mode and this: https://www.smarthomejunkie.net/kiosk-mode-in-home-assistant-the-right-way/ ?
hide_sidebar: true
hide_header: false
fallow heath
not bothered about the switch
dont really understand how it workes?
at the moment i just have the broser locked to my dashboard URL with "?kiosk" at the end of the url and it hides everything#
ancient aurora
i'll give you an example of my dashboard (at least the kiosk settings) for other kiosk settings, refer to docs please.
near bear
Oh ok
But is there like a non paid version?
You can use Fully Kiosk Browser for free. There was some options that require a license to use. You can activate these options without a license to test; FKB will put a watermark on the screen. This is useful for testing to see if you want/need to purchase a license.
and this: https://www.smarthomejunkie.net/kiosk-mode-in-home-assistant-the-right-way/
The instructions in this link are a little outdated; some things changed a while back. Concepts are still useful though.
For a simple configuration, all you need to add to the dashboard (in the Raw Configuration Editor) is: yaml kiosk_mode: hide_sidebar: true hide_header: false
As seen in one of my example dashboards at Line 60: https://github.com/dsellers1/home-assistant/blob/22e3e26a86a6afcc100955642a56b7258a0f05ac/dashboards/mini-pc/viewsonic.yaml#L60
noDNS's example is a better example to use. I would recommend setting up a non-admin user for the tablet so the settings are applied correctly.
fallow heath
For a simple configuration, all you need to add to the dashboard (in the Raw Con...
anywhere in dashboard?
near bear
anywhere in dashboard?
It has to be towards the beginning of the code before the views: section.
kiosk_mode:
hide_sidebar: true
hide_header: true
title: ViewSonic
views:
- title: ViewSonic
type: panel
i dont have a views section?
near bear
Are you looking in the Raw Configuration?
fallow heath
No..
near bear
The code that noDNS and I provided goes into the Raw Configuration of the dashboard. From the docs:
Non-YAML users (Storage Mode) need to add the configuration to each lovelace panel going to Edit dashboard option (pencil icon on the top-right of the screen). Once in Edit Dashboard mode, click on the top-right three-dots button and select Raw configuration editor.
fallow heath
Ohh okk
ancient aurora
forgot to mention..my bad 😉
fallow heath
Ok so, I've done it but still have side bar?
ancient aurora
clear cache?
fallow heath
near bear
If this is your first time being in the Raw Configuration and working with YAML, be mindful of what you do in here. You can easily break the dashboard. YAML is very sensitive with its spacing in sections (two spaces for indention).
deep hamlet
...and you need to have added ?kiosk to the URL for it to take effect
fallow heath
Ohh okk
near bear
You you post a screenshot of the first couple lines of your Raw Configuration?
deep hamlet
maybe step back a bit 🙂
near bear
...and you need to have added `?kiosk` to the URL for it to take effect
I think that is only needed if there is no configuration applied. (I don't use that.)
deep hamlet
maybe 🤷. I use ?kiosk on all mine, and change the URL in fully kiosk to remove it if I need to change something in the profile
ancient aurora
me too
deep hamlet
maybe I could do something better
near bear
That switch query string is for an automatic setting.
?kiosk to hide both header and sidebar
fallow heath
It worked thx
deep hamlet
excellent, that's exactly what I want
ancient aurora
noice
fallow heath
Is there a way to like hide the 3 dots on top right corner and is there a way to like centre the tabs on header?
near bear
3 dots = hide_overflow
is there a way to like centre the tabs on header?
There's no way to really center the tabs other than making you own header. It is doable, but I think it would be a bit of a hassle as you would have to repeat it on each view. Keeping each header up-to-date could get annoying. (With that said, there is a way more advanced option: working with a YAML-based dashboard. This is done totally in code; no visual editor. But it would allow using something like this:- !include header.yaml.)
near bear
maybe I could do something better
This is where using an entity could be useful. You could have input_boolean.lemme_edit_the_dashboard. Then, ```yaml
kiosk_mode:
hide_header: '{{ is_state("input_boolean.lemme_edit_the_dashboard", "off") }}'
hide_sidebar: '{{ is_state("input_boolean.lemme_edit_the_dashboard", "off") }}'
that's nice!
it's a pain in the neck to log into FK and change the URL
I just use the "go to this URL this time" option, but still
ya know, I guess I could just log into the individual kiosk user in a browser and change it there. I don't need do it on the tablet
Now that the profile options are based on the user
I almost never need to change anything, so it's pretty rare
near bear
Yeah. That's why when I saw you said that's how you do it, I wanted to make the above suggestion. I used to do this with my Fire tablets but have since gotten away from using entities. I used to have entities for just about everything... 🤷♂️ As seen in old, outdated code Line 70.
The templating capability is a lot nicer than the way this was set up.
deep hamlet
I've come to quite like my tablets:
near bear
Didn't realize this was an option.
near bear
it's nice to have relevant info without cluttering the dashboard
This is where browser_mod pop-ups come in handy. Show the information you wanna see; pop-up more relevant info when needed.