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 !