hi there, been messing with this and I am unable to achieve this
this is a test setup, I want to have a button whose action would be a popup card. In my room there are four blinds, so the button will be a mdi:blinds icon, on tap acion it will navigate to a hash defined as per manual of custom bubble card.
type: custom:layout-card
layout_type: custom:grid-layout
layout:
grid-template-columns: 1fr 1fr
grid-template-rows: 1fr 1fr
grid-template-areas: |
"uno uno"
cards:
- type: custom:button-card
view_layout:
grid-area: uno
custom_fields:
temporal:
card:
type: custom:bubble-card
card_type: button
entity: cover.1
grid-area: temporal
tap_action:
action: navigate
navigation_path: "#persianassalon"
url_path: "#persianassalon"
button_action:
tap_action:
action: navigate
navigation_path: "#persianassalon"
double_tap_action: {}
show_state: false
show_last_changed: false
show_attribute: false
icon: mdi:blinds-horizontal
button_type: name
vertical:
card:
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
grid-area: vertical
hash: "#persianassalon"
button_type: switch
entity: cover.1
scrolling_effect: true
show_icon: true
force_icon: false
show_name: false
show_header: true
- type: custom:bubble-card
card_type: cover
entity: cover.1
card_layout: large-2-rows
styles:
grid:
- grid-template-areas: |
"temporal"
"vertical"
- grid-template-rows: max-content
- grid-template-columns: max-content
custom_fields:
temporal:
- justify-self: end
- align-self: end