I use Home Assistant and slowly working my way through the Lovelace UI. It looks so good that I am considering replacing my home made dashboard with it (and its cards).
My dashboard is read-only and displayed on a standard screen (no touchscreen). In order to use Lovelace, I would need to show the content of a specific tab standalone (in a full-screen browser). I would like to remove all other tabs and the surrounding chrome (the menu, the notifications, …)
Is this possible?
UPDATE: when looking at the code of the page, the solution could be to somehow remove or collapse <app-header>
, similar to the quick snippet below (loaded via an extra HTML document) which does not work yet (the element cannot be found for some reason):
<script>
window.addEventListener("load", function () {
if (window.location.search.indexOf('fullscreen=yes') > -1) {
console.log('fullscreen, removing header')
setTimeout(function () {
const header = document.getElementsByTagName("app-header")[0]
header.parentNode.removeChild(header)
}, 2000)
} else {
console.log('not fullscreen')
}
})
</script>