#Garage door "notification" button
1 messages · Page 1 of 1 (latest)
I do something similar by adding a tile card and then updating the interactions so that tapping anywhere will toggle, then I control visibility on the visibility tab to show only during a time range and entity state.
I have a section at the top of my dashboard called “Important” that has all conditional tiles that show up only when they need attention.
Thabk you I will try now
This is more of a dashboard question, but are you looking for something like this? Here, when motion is detected, the indicator appears. This example is a Mushroom Conditional Chip with some card_mod added for the placement and animation. With this concept, you could (theoretically) use any card and have it appear where you want. I just use the Mushroom Chip because I have a row of chips centered but wanted the indicator to appear on the side.
type: custom:mushroom-chips-card
alignment: center
chips:
- type: conditional
conditions:
- entity: binary_sensor.living_room_motion_detector_on_off
state: 'on'
chip:
type: template
icon_color: red
icon: mdi:motion-sensor
card_mod:
style: |
:host {
border: none;
position: fixed;
top: 1%;
left: 1%;
z-index: 99;
}
ha-card {
{% if is_state('binary_sensor.living_room_motion_detector_on_off', 'on') %}
animation: ping 2s infinite
{% endif %}
}
@keyframes ping {
0% { box-shadow: inset 0 0 1px 0px rgba(255,0,0, 0.7); }
100% { box-shadow: inset 0 0 1px 10px transparent; }
}
tap_action: none
hold_action: none
Sounds like that, plus an action to close on tap. As you said, this can be done as part of the sections or as part of a badge on top.
If you’re using mushroom, you can make it do things like animate, but the basic mechanics of showing conditionally and toggling or performing an action on tap can be done with the default styles too.
this can be done as part of the sections or as part of a badge on top.
I don't use Sections View or badges so I'm not sure if this is completely true. The bigger point that I was wanting to emphasis was that the card_mod is able to get a card (or in this case, a chip) to appear anywhere on the screen where it is wanted and not be bound inside a layout-type card.
Here's the same example, except it now appears at the bottom right (well away from the Mushroom Chip Card at the top of the screen), on top of another card, with this change:yaml bottom: 1%; right: 1%;