C’est exactement ça que j’essaie de faire
Merci pour tes recherches
C’est exactement ça que j’essaie de faire
Merci pour tes recherches
Montre ton code, y a bien un problème dans le code.
show_name: true
show_icon: true
type: button
name: Volets
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Gestion des volets
content:
type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: call-service
service: rest_command.volet_maison_on
icon: mdi:window-shutter-open
name: Tout Ouvrir
icon_height: 50px
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: rest_command.volet_jour_on
icon: mdi:window-shutter-open
name: Volet Jour
icon_height: 50px
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: rest_command.volet_nuit_on
icon: mdi:window-shutter-open
name: Volet Nuit
icon_height: 50px
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- show_name: true
show_icon: false
type: button
tap_action:
action: call-service
service: rest_command.volet_maison_off
icon: mdi:window-shutter
name: Tout Fermer
icon_height: 50px
- type: horizontal-stack
cards:
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: rest_command.volet_jour_off
icon: mdi:window-shutter
name: Volet Jour
icon_height: 50px
- show_name: true
show_icon: true
type: button
tap_action:
action: call-service
service: rest_command.volet_nuit_off
icon: mdi:window-shutter
name: Volet Nuit
icon_height: 50px
C’est pas du tout la même config. J’utilise button-card et pas button et la carte grid.
Ton code est composer de vertical ou horizontal stack et button ( pas button-card qui est différent).
Je t’es changer la carte button par button-card, essaye avec ce code:
type: custom:button-card
show_name: true
show_icon: true
name: Volets
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Gestion des volets
content:
type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: false
tap_action:
action: call-service
service: rest_command.volet_maison_on
icon: mdi:window-shutter-open
name: Tout Ouvrir
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_jour_on
icon: mdi:window-shutter-open
name: Volet Jour
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_nuit_on
icon: mdi:window-shutter-open
name: Volet Nuit
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: false
tap_action:
action: call-service
service: rest_command.volet_maison_off
icon: mdi:window-shutter
name: Tout Fermer
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_jour_off
icon: mdi:window-shutter
name: Volet Jour
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_nuit_off
icon: mdi:window-shutter
name: Volet Nuit
J’ai juste enlever la taille des icones, car pas le même code. Je verrai après si le code fonctionne chez toi.
Il te faut installer button-card par HACS.
Super !!! Merci ça fonctionne !!! C’était donc un problème de card…Tip top.
Faut juste adapter pour la taille de ton icone.
rajoute:
size: 100%
ta d’autre exemple sur la doc
Super. Un grand merci à toi !!
En effet, quand elles composent le popup lui même, et que le popup est déclenché par un « custom-button-card ».
Par contre impossible d’appeler le popup avec une carte « button » standard, et d’après le github que j’ai cité plus haut ce serait depuis HA 2023.3.4
Comme toi (je pense) j’ai toujours appelé mes popup avec custom-button-card, donc je ne sais pas confirmer ou non ce que les gars disent dans l’issue.
Je me demande même (vu les commentaires), si les mecs ont pas loupé le « train » de « browser mod 3 » et ses modifs sur l’appel des services popup.
Bref « custom-button-card », « this is the way » comme dirait Din Djarin
Dernière question. Possible de mettre plusieurs appel popup dans un même grid ?
Tu veux faire quoi exactement ?
Appeler différents popup avec le même bouton, ou plusieurs boutons dans une grid appelant chacun leur propre popup ?
Plusieurs dans une grid qui appelle chacun un popup.
Basique quoi
Oui, dans ta carte grid, tu configure chaque bouton avec un popup différent.
Ok je vais essayer alors… voir si j’y arrive.
un exemple vite fait, un copier coller d’un button-card x 3
type: grid
columns: 3
square: false
cards:
- type: custom:button-card
name: Liste course
color_type: icon
color: rgb(68, 115, 158)
icon: mdi:shopping
aspect_ratio: 1/1
size: 100%
styles:
card:
- padding: 0.5em
- '--mdc-ripple-color': rgb(68, 115, 158)
- '--mdc-ripple-press-opacity': 0.5
icon:
- opacity: 1
name:
- font-size: 1.15em
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_id: THIS
size: normal
style: '--popup-border-radius: 10px;'
content:
type: shopping-list
- type: custom:button-card
name: Liste course
color_type: icon
color: rgb(68, 115, 158)
icon: mdi:shopping
aspect_ratio: 1/1
size: 100%
styles:
card:
- padding: 0.5em
- '--mdc-ripple-color': rgb(68, 115, 158)
- '--mdc-ripple-press-opacity': 0.5
icon:
- opacity: 1
name:
- font-size: 1.15em
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_id: THIS
size: normal
style: '--popup-border-radius: 10px;'
content:
type: shopping-list
- type: custom:button-card
name: Liste course
color_type: icon
color: rgb(68, 115, 158)
icon: mdi:shopping
aspect_ratio: 1/1
size: 100%
styles:
card:
- padding: 0.5em
- '--mdc-ripple-color': rgb(68, 115, 158)
- '--mdc-ripple-press-opacity': 0.5
icon:
- opacity: 1
name:
- font-size: 1.15em
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
browser_id: THIS
size: normal
style: '--popup-border-radius: 10px;'
content:
type: shopping-list
Ok. Donc en fait si je colle ça :
type: grid
columns: 3
square: false
cards:
Au dessus du code que tu m’as modifié, ça devrait marcher ?
oui
code fait:
type: grid
columns: 3
square: false
cards:
- type: custom:button-card
show_name: true
show_icon: true
name: Volets
tap_action:
action: fire-dom-event
browser_mod:
service: browser_mod.popup
data:
title: Gestion des volets
content:
type: vertical-stack
cards:
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: false
tap_action:
action: call-service
service: rest_command.volet_maison_on
icon: mdi:window-shutter-open
name: Tout Ouvrir
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_jour_on
icon: mdi:window-shutter-open
name: Volet Jour
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_nuit_on
icon: mdi:window-shutter-open
name: Volet Nuit
- type: vertical-stack
cards:
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: false
tap_action:
action: call-service
service: rest_command.volet_maison_off
icon: mdi:window-shutter
name: Tout Fermer
- type: horizontal-stack
cards:
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_jour_off
icon: mdi:window-shutter
name: Volet Jour
- type: custom:button-card
show_name: true
show_icon: true
tap_action:
action: call-service
service: rest_command.volet_nuit_off
icon: mdi:window-shutter
name: Volet Nuit
waouh. Comment tu fais pour mettre en forme aussi rapidement ??
J’utilise notepad++ et tu peu rajouter des lignes d’espace sur tout ton code pour bien aligner.
Ok. Je vois. Je vais l’installer je pense que ça va m’aider
En tout cas merci encore !