same thing here
Same Issue here. Is this a recent issue with one of the updates or is there something special we are meant to do?
i really donāt know
I hope that @DBuit is doing well. He hasnāt been heard from here for a while and his Github repos are pretty inactive as well. Maybe/hopefully he just took some time off 
I love this idea, but being a NOOB I cant seem to figure out how to get this into my lovelace panel. I added with HACS so not sure how to confg the card, or if Iām not adding it right? Do I add a new card, then manual, or will I need to add something the the main RAW lovelace UI? Examples would be useful or any step by step process.
Thank you all.
Yes, you need to add it in the RAW lovelace UI
Dumb question, but what do I put and where in the lovelace config? This is what I put at the very top in the lovelace raw configuration editor and nothing changes
sidebar:
title: MyHome
date: true
clock: true
digitalClock: true
twelveHourVersion: true
hideTopMenu: true
showTopMenuOnMobile: true
width:
mobile: 0
tablet: 25
desktop: 20
title: Home
lovelace-background-image: >-
center / cover no-repeat
url("/local/R7f81ce29a09f47eb1dcf030dbafa317f.png")fixed
compact_mode: true
config:
hide_header: true
hideTopMenu is not working at the moment. See comments above
Still not working I tried an example listed on the GitHub just to see what it will do, but still does nothing and getting messages Your configuration is not valid: TypeError: Expected a value of type Array<Object> for views but received undefined. Would it be possible to supply more details for someone that does not know coding? Assume that I know noting.
sidebar:
width:
mobile: 0
tablet: 25
desktop: 20
and this
sidebar:
sidebarMenu:
- action: navigate
navigation_path: ā/lovelace/homeā
name: āHomeā
active: true
Hello Guys,
So i got an update
It should fix the hideTopMenu, i also added hideHassSidebar when both are true you got no menuās
If you wanna use the menuās when this is enabled you can add ?sidebarOff to show the hidden menuās
2 Likes
Thx for the update ! Will it also work now with multiple dashboards ?
I canāt get this right, even after the update. Topmenu is is stil there and itās overlapping with sidebar, whatever I do:
sidebar:
title: null
clock: true
digitalClock: true
digitalClockWithSeconds: true
date: true
hideTopMenu: true
width:
mobile: 0
tablet: 25
desktop: 20
# breakpoints:
# mobile: 768
# tablet: 1024
sidebarMenu:
- action: navigate
navigation_path: "/lovelace/home"
name: "Home"
active: true
- action: navigate
navigation_path: "/lovelace/weather"
name: "Weather"
- action: navigate
navigation_path: "/lovelace/info"
name: "Info"
- action: navigate
navigation_path: "/lovelace/electricity-sensors"
name: "Electricity"
- action: toggle
entity: light.namron_cinema_dimmer
name: Test
state: light.namron_cinema_dimmer
icon: mdi:lightbulb
template: |
<li>
{% if now().hour < 5 %} Good Night {{'\U0001F634'}}
{% elif now().hour < 12 %} Good Morning {{'\u2615\uFE0F'}}
{% elif now().hour < 18 %} Good Afternoon {{'\U0001F44B\U0001F3FB'}}
{% else %} Good Evening {{'\U0001F44B\U0001F3FB'}}{% endif %}
</li>
{% if "i dag" in states('sensor.posten_next_delivery') %} <li>Mail delivery today!</li> {% endif %}
bottomCard:
type: horizontal-stack
cardOptions:
cards:
- type: "custom:button-card"
color_type: card
color: rgb(255, 255, 255)
icon: mdi:home
- type: "custom:mini-graph-card"
entities:
- entity: sensor.real_time_consumption_xxxx
#color: "#2D92F7"
name: Consumption Live
hours_to_show: 1
points_per_hour: 60
animate: true
line_width: 3
show:
fill: true
icon: true
labels: true
#extrema: true
name_adaptive_color: true
#state: true
height: 150
color_thresholds:
- color: "#039BE5"
value: 0
- color: "#0da035"
value: 1100
- color: "#e0b400"
value: 3200
- color: "#e45e65"
value: 6400
color_thresholds_transition: smooth
#color_thresholds:
# - value: 0.55
# color: "#2D92F7"
# - value: 0.9
# color: "#bf5f0b"
# - value: 1.3
# color: "#fc0505"
hour24: true
font_size: 100
font_size_header: 16
align_header: center
align_state: center
cardStyle: |
:host {
width: 100%;
background-color:#FFF;
}
style: |
:host {
--sidebar-background: 'rgba 50, 50, 50, .5';
--sidebar-text-color: #B9B9B9;
--face-color: 'rgba 50, 50, 50, .5';
--face-border-color: 'rgb 84, 84, 84';
--clock-hands-color: #000;
--clock-seconds-hand-color: #216491;
--clock-middle-background: 'rgb 4, 84, 84';
--clock-middle-border: #000;
--border-radius: 5px;
}
.sidebarMenu li.active ha-icon {
color: #d6b55a!important;
}
Is this broken for you since the update?
The bottom bar now does not go all the way to the bottom again
it never worked for me, thatās why I use kiosk-mode and still doesnāt work the TopMenu
Thanks, that is working for the topbar.
But still issues, have to force ctrl+f5 to load sidebar every time a page is loaded.
Bottom bar not showing at allā¦
Iāve only had to do the ctrl+F5 when moving to a different dashboard, the initially loaded dashboard always loads the sidebar. Try removing the clock or reducing its size, maybe it is pushing the bottom bar off the edge?
Hi, is there someone using transparent background or play with opacity, or is it impossible?
Cannot find a clear answer in the topic.
Thxs