Hi,
I am loving the compact custom header, but I have run into some trouble and can’t seem to figure out what is wrong.
I am running Hassio on a pi 3b+, and accessing home assistant in Chrome. I have cleared all chrome history and cache, as well as constantly refreshing in my debug efforts. Now to the problem:
When I try to hide tabs based on a boolean, I can only seem to have it reliably work with one tab hiding, and one boolean. When I use 2 or more booleans (one per tab I want to hide), the hide tab no longer works reliably works after the page is refreshed.
Code:
cch:
background: black
chevrons: true
conditional_styles:
- entity: input_boolean.show_shopping_list
condition:
state: 'off'
tab:
'7':
hide: true
- entity: input_boolean.show_floorplan
condition:
state: 'off'
tab:
'8':
hide: true
Picture 1: Initial state, both booleans off, both tabs show. Working:
Picture 2: Turn off floorplan, tab is hidden, working
Picture 3: Now, when the webpage is refreshed, or say I close out and reopen, it all breaks, Both are now hidden for some reason.
My original goal was to have 4 total booleans, one per tab, to hide or show 4 tabs. However, I cant seem to use conditional styling to control more than 1 tab reliably, and have it persist if chrome refreshes. (NOTE: I also tried changing from hide tabs, to change the tab color and I see the same issue. So I am pretty sure it is an issue with my conditional, and not just hiding)
Any help is greatly appreciated. Thanks in advance! (Edit: formatted code correctly)