Hello,
I made a room-card and wanted that this card is clickable to navigate to another dashboard. But it seems that stack-in-card dow not support tap_action. How can I realize this function if I click on the pic to navigate to another dashboard?
type: custom:stack-in-card
card_mod:
style: |
ha-card {
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('/local/LivingRoom.jpg');
background-position: center;
background-size: cover;
--primary-text-color: #ffffff;
min-height: 133px;
}
mode: vertical
cards:
- type: custom:mushroom-template-card
primary: Wohnzimmer
secondary: "{{states('sensor.heat_livingroom') | float | round(1) }} °C"
icon: null
card_mod:
style: |
ha-card {
border: 0px;
}
tap_action:
action: navigate
navigation_path: /dashboard-erdgeschoss/wohnzimmer
- type: custom:apexcharts-card
card_mod:
style: |
ha-card {
margin-top: -26px;
margin-bottom: -73px;
margin-left: -425px;
border: 0px;
}
header:
show: false
chart_type: radialBar
apex_config:
legend:
show: false
chart:
height: 180px
plotOptions:
radialBar:
hollow:
size: 70%
dataLabels:
name:
show: false
value:
show: false
startAngle: -45
endAngle: 125
series:
- entity: sensor.heat_livingroom
color: aquamarine
min: 10
max: 30
- type: custom:mushroom-template-card
layout: horizontal
primary: ""
secondary: ""
icon: mdi:sofa
icon_color: teal
tap_action:
action: none
card_mod:
style: |
ha-card {
border: 0px;
--icon-size: 100px;
margin-left: -25px;
margin-bottom: -55px;
margin-top: -32px;
}
mushroom-badge-icon {
margin-right: 10px;
margin-top: 10px;
--badge-icon-size: 10px;
--badge-size: 20px;
}
badge_icon: >
{% if (states('sensor.heat_livingroom') | int) >= 26 %} mdi:fire {% elif
(states('sensor.sensor.heat_livingroom') | int) <= 18 %} mdi:snowflake {%
endif %}
badge_color: >
{% if (states('sensor.heat_livingroom') | int) >= 26 %} red {% elif
(states('sensor.heat_livingroom') | int) <= 18 %} blue {% endif %}
- type: custom:stack-in-card
card_mod:
style: |
ha-card {
background: transparent!important;
margin-top: -110px;
margin-left: auto;
margin-right: 150px;
width: 44%;
border: 0px;
}
cards:
- type: grid
square: false
columns: 2
cards:
- type: custom:mushroom-template-card
primary: ""
secondary: ""
layout: vertical
icon: mdi:ceiling-light
entity: light.light_group_living_room_all
icon_color: >
{% if (states('light.light_group_living_room_all')) == 'on' %}
teal {% endif %}
card_mod:
style: |
ha-card {
border: 0px;
--icon-size: 35px;
margin: -10px!important;
}
- type: custom:mushroom-template-card
primary: ""
secondary: ""
layout: vertical
icon: mdi:blinds-horizontal
entity: cover.eg_wohnzimmer_blinds_alle
icon_color: >
{% if (states('cover.eg_wohnzimmer_blinds_alle')) == 'closed' %}
teal {% endif %}
card_mod:
style: |
ha-card {
border: 0px;
--icon-size: 35px;
margin: -10px!important;
}
- type: custom:mushroom-template-card
primary: ""
secondary: ""
layout: vertical
icon: mdi:door-sliding
entity: binary_sensor.eg_wohnzimmer_schiebeturen_alle
icon_color: >
{% if (states('binary_sensor.eg_wohnzimmer_schiebeturen_alle')) ==
'on' %} red {% endif %}
card_mod:
style: |
ha-card {
border: 0px;
--icon-size: 35px;
margin: -10px!important;
}
tap_action: none
- type: custom:mushroom-template-card
primary: ""
secondary: ""
layout: vertical
icon: mdi:thermometer
entity: binary_sensor.eg_wohnzimmer_schiebeturen_alle
icon_color: >
{% if (states('binary_sensor.eg_wohnzimmer_schiebeturen_alle')) ==
'on' %} red {% endif %}
card_mod:
style: |
ha-card {
border: 0px;
--icon-size: 35px;
margin: -10px!important;
}