Add kiosk.js
file with the content below to your www
folder in config.
Like any other custom script, use ui-lovelace.yaml
resources section to reference the kiosk.js
file.
Make sure you add kiosk
somewhere in your URL. You can use it in the id of your view or in the query string.
Examples:
/lovelace/0?kiosk
views:
- title: Kiosk
icon: mdi:heart
id: kiosk_alarm
If this is your first file in www
make sure you restart Home Assistant.
Hi Tero,
thanks for posting this, I've found a slight issue. The resolution of my display screen is 1080 x 1920 and my background image matches this resolution. However when I use the kiosk mode the top and bottom of my image is equally truncated leaving a black bar at the bottom of the screen. Have you any ideas on how to fix this? (its ok when not in kiosk mode) The image url is below (perhaps it needs different attribites)
background: center / cover no-repeat url("/local/Image1.jpg")
many thanks!!
Justin.