Aide sur Browser mod. Impossible d'afficher un PopUp

C’est exactement ça que j’essaie de faire :unamused:

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.

1 « J'aime »

:blush:

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

1 « J'aime »

Super. Un grand merci à toi !!

1 « J'aime »

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 :wink:

1 « J'aime »

Dernière question. Possible de mettre plusieurs appel popup dans un même grid ?

:laughing:

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 :laughing:

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 :rofl:

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

:grinning: 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 :laughing:

En tout cas merci encore !