Very nice Dashboard.
I tried to start with the “presence” card but at my Dashboard there is only an icon of me ore my wife.
Could you tell me how i can show the entity-picture?
Thank you 
what style did you use to get it like this?
@Cloos Thank you for the time you’ve spent designing and sharing this highly-optimized dashboard concept. I’m just getting started with it now but already loving it.
Wondering if you’re able to share your scripts yaml to give me some more insight into the different components of the lovelace yaml. (for example, i am currently poring over the piece principaux view and curious about the different ambiances you have configured)
@Cloos thank you for your works, i need you help for understand my issue:
- i tried add all camera under snapshot section but until the camera not generate a snapshot from my mobile phone i see this image.
it’s possible hide the camera until the image was generated?
-
I would like to know if under registratin section is possible show all camers in automatic without set a filter
-
the mute icon not appear on the main bar
Hey :-),
is there any way to add a horizontal Stack inside the “Rooms”?
The Main Card is an entity-card and you just use custom-button-cards inside this.
I cannot add an horizontal stack to show 3 big buttons in a row.
Could someone help me?
Hi. This is awesome, but ofc i have some small issues 
I have got it all right on my computer, but when opening with my Pixel pro 8, the header goes to fare to the right. When i change it to smaller with, the border radius goes away. Any suggestions?
Love this dashboard and slowing working out what all of it means whilst building my own version. My only issue is I get an annoying black background between the 2 entity cards for myself and my wife and cannot work out which piece of styling is making this happen.
Is it possible to change the theme that it doesn’t show the header on refresh??
The Dashboard is broken after last Card-Mod Update. Does anyone have that problem as well?
1 Like
i’m having the same issue. the floating bar is no longer floating but fixed at the bottom of the dashboard
2 Likes
i looked in the change notes and saw the that the styling has changed:
type: custom:vertical-stack-in-card
cards:
- type: custom:decluttering-card
template: footer_sticky_menu
style: |
is now
type: custom:vertical-stack-in-card
cards:
- type: custom:decluttering-card
template: footer_sticky_menu
card_mod:
style: |
Changing the width and height in the footer_sticky_menu wil change the width and height of the bar.
Can someone upload the yaml file with the corrected version?
you have to clear your browser cache
Why is the theme all wrong for me?
I have done like installation instructions said… i hope
2 Likes
I’m facing the same issue unfortunately, I know that @Cloos no longer maintains this project. But if anyone has any suggestions on how to fix this, it would be much appreciated so I won’t have the rebuild my dashboard
HI
,
type: custom:mushroom-chips-card
chips:
- type: entity
entity: binary_sensor.sensor_magnet_main_lock_or_unlock_contact
icon_color: blue-grey
icon: mdi:shield-half-full
- type: alarm-control-panel
entity: binary_sensor.sensor_magnet_main_door_open_or_close_contact
content_info: none
name: Alarm
- type: template
entity: binary_sensor.sensor_magnet_main_door_lock_or_unlock_contact
icon: >-
{{ 'mdi:lock' if
is_state('binary_sensor.sensor_magnet_main_door_lock_or_unlock_contact',
'on') else 'mdi:lock-open' }}
icon_color: >-
{{ 'green' if
is_state('binary_sensor.sensor_magnet_main_door_lock_or_unlock_contact',
'off') else 'red' }}
content: null
tap_action:
action: more-info
- type: conditional
conditions:
- entity: group.all_lights
state: 'on'
chip:
type: template
icon: mdi:lightbulb
content: >-
{{ expand(states.group.all_lights) | selectattr( 'state', 'eq', 'on') |
list | count }}
tap_action:
action: more-info
entity: group.all_lights
icon_color: grey
- type: conditional
conditions:
- entity: group.all_windows
state: 'on'
chip:
type: template
icon_color: grey
icon: mdi:window-open
content: >-
{{ expand(states.group.all_windows) | selectattr( 'state', 'eq', 'on') |
list | count }}
tap_action:
action: more-info
entity: group.all_windows
- type: conditional
conditions:
- entity: group.external_doors
state: 'on'
chip:
type: template
icon_color: grey
icon: mdi:door-open
content: >-
{{ expand(states.group.external_doors) | selectattr( 'state', 'eq',
'on') | list | count }}
tap_action:
action: more-info
entity: group.external_doors
- type: conditional
conditions:
- entity: group.water_leak
state: 'on'
chip:
type: template
icon_color: light-blue
icon: mdi:water-alert
tap_action:
action: more-info
entity: group.water_leak
card_mod:
style: |
ha-card {
animation: blink 1s linear infinite;
}
@keyframes blink {
50% {opacity: 0;}
}
- type: conditional
conditions:
- entity: binary_sensor.sensor_magnet_main_door_lock_or_unlock_contact
state: 'on'
chip:
type: template
icon_color: red
icon: mdi:fire-alert
tap_action:
action: more-info
entity: binary_sensor.sensor_magnet_main_door_lock_or_unlock_contact
card_mod:
style: |
ha-markdown {
padding: 0 0 0 10px !important;
font-size: 28px !important;
font-weight: normal !important;
line-height: 1.2 !important;
}
ha-card {
background-color: #111111;
color: #e1e1e1;
box-shadow: 0px 0px;
}
card_mod:
style: |
:host {
--ha-card-background: var(--card-background-color);
}
I am pleased with the dashboard, but there is one small issue that I would like to fix. I’ve attached the code for the icons, and I was hoping you could assist me in making them more aesthetically pleasing and cohesive with the overall design of the dashboard. Any help you can provide would be greatly appreciated."
Probably a silly question, but how do I access:
“Your camera for the live weather view.
camera_image: camera.camera_sonnette_mjpeg”?
@Heijt771 and @Timpalimpa, the solution of @Nicoautoxp is correct.
Go to your dashboard, click on the three dots on the top right. Click on Raw configuration editor. Change the old style with the new format
decluttering_templates:
header_live_weather_background:
card:
type: custom:vertical-stack-in-card
cards:
- type: picture-glance
entities: []
camera_image: camera.camera_voordeur
camera_view: auto
image: []
card_mod:
style: >
ha-card {
position: absolute;
filter: blur(2px);
border-radius: 0 !important;
background: none;
/* Edit the following lines to adjust your camera or your image */
width: 1500px;
top: 0px;
right: 0px;
/* If you don't want to use a camera you can replace [] with an
image */
}
You will see card_mod: in the 11th row, previously this was not there, I added it there after the card mod HACS update and everything is fine now.
NOTEL You have to to this for each ‘‘block’’
1 Like