Title Card is a little different. Have a look here:
1 Like
Just use a Grid with two columns.
They’re Schlage Z-Wave deadbolts.
Thanks - I think the problem I’m having is because I’m trying to use sensor data in templates in the title, which for some reason stops the custom css applying?
Do you know of a way around it or will I have to find an alternative card to use?
Hmm scratch that seems to be working now I must have screwed up somehow.
1 Like
Amazing! Originally I kept them on a single row due to vertical space limits on mobile devices, but it looks so much better like this I think so I made some adjustments and done! 
I did keep the original on my room ‘glance’ cards:
17 Likes
Wonderful, I also have several Sonos speakers. Could you please share your code including how does .yalm group speakers together? Thank you very much for this great work.
Areyou stremming 24/7 to the google hub?
You do it with HAcast?
I have finished room cards vertical version.
It is fully customizable. Extra information fields can be turned off to your like.
When you turn off info and slider part from the menu it looks like this.
and when everything is off:
With this card :
You can control…
- Scenes
- Lightbar
- Volume Bar
- Start Spotify on specific room
- being able to see the album cover in which room spotify plays
- House total card is also included
- Fully customizable
- being able to see sensor movements in a special hidden section
Wiki page will be published tomorrow.
6 Likes
Wow love how clean your dashboard is. Do you have your code and/or screenshots posted anywhere that we can see it?
My indentation was wrong, a luckily a quickfix.
Looking at your example code for the climate aircondition. I´m trying to translate this a panel heater which has heat and off modes.
Any suggestions how to change this code to look at both mode and if the mode is active?
- type: conditional
conditions:
- entity: climate.air_conditioner
state_not: 'off'
chip:
type: template
entity: climate.air_conditioner
icon_color: disabled
icon: |-
{% if is_state(entity, 'heat_cool') %}
mdi:sync
{% elif is_state(entity, 'heat') %}
mdi:fire
{% elif is_state(entity, 'cool') %}
mdi:snowflake
{% elif is_state(entity, 'dry') %}
mdi:water-percent
{% elif is_state(entity, 'fan_only') %}
mdi:fan
{% else %}
mdi:air-conditioner
{% endif %}
tap_action:
action: none
hold_action:
action: none
card_mod:
style: |
ha-card {
{% if is_state(config.entity, 'heat_cool') %}
animation: spin 3s ease-in-out infinite alternate;
{% elif is_state(config.entity, 'heat') %}
animation: heat 2s infinite;
{% elif is_state(config.entity, 'cool') %}
animation: cool 6s ease-in-out infinite;
{% elif is_state(config.entity, 'dry') %}
animation: dry 1.5s linear infinite;
{% elif is_state(config.entity, 'fan_only') %}
animation: spin 1s linear infinite;
{% else %}
{% endif %}
}
@keyframes spin {
100% { transform: rotate(360deg); }
}
@keyframes cool {
0%, 100% { transform: rotate(25deg); }
25% { transform: rotate(-25deg); }
50% { transform: rotate(50deg); }
75% { transform: rotate(-50deg); }
}
@keyframes heat {
50% { opacity: 0.4; }
}
@keyframes dry {
50% { transform: scale(1.2); }
}
Example the panel heater will have state heating and mode heat when active. But when off it has mode h
Hello,
Is it possible to give the mushroom cards a transparant background?
I can’t find the answer in this monster tread.
Example:
I think the person cards and the weather card looks mutch nicer with a transparant background.
I see some people do it, but could never find a code for it…
Thanks
hello very nice dashboard for the google nest hub can you share this do you cast that stay expensive via blue print?
hello very nice card the last card is very nice can you please share the code of this? wall this is very useful?
Hello, I would like to replicate headers from benm7 screenshots but with something editable from UI
Do you know how can I do it?
3 Likes
Hi @Roelofk85
I’ve done the same thing on my cards. You have to install card-mod and add this line to the code:
card_mod:
style: |
ha-card {
background-color: rgba(0,0,0,0);
border: 0px;
}
:host {
--ha-card-box-shadow: none;
}
And looks something like this:
4 Likes
Hello all.
Just wondering if there is any way to create a button like switch wich include multiple entities?
I have multiple lights in my living room and i like to turn them all to create ambience lighting.
I just need a button to toggle them all on or off at the same time.
In default lovelace i have a header switch to command the entities in a card
Thank you very much for the help
Is there a chance to write simple conditions chip yaml for several entities in one condition instead of separating them one by one?
How did you manage to get this so nice and in two columns?
thanks for your card styles, but I keep getting the message below, I can’t figure out what I’m doing wrong, can you give me a clue how I can solve this?
I think you can do it by creating a group with all the lights you want to include.