Aide sur Browser mod. Impossible d'afficher un PopUp

Entraide Home Assistant
41

Bonjour,

bon j’ai fait depuis des beaux pop up.

Par contre je souhaiterai voir s’il est possible d’intégrer un pop up dans une Picture elements card ?

Merci

42

Dans une carte picture-elements, tu peux ajouter le tap_action sur tous les elements qui la compose

43

Re,
effectivement j’ai vu cela. J’arrive faire un tap action vers une sous vue. Mais un PopUp, j’ai pas trouvé…

44

c’est tout pareil ! ça depends de ce que tu mets dans la partie content

45

partie content ? Je suis perdu là. Aurais tu un exemple svp ?

46

Devant tes yeux

47

ok. Donc je balance le tap action :

    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        data:
          title: xxxxxxxx
          content:

et ensuite dans le content je mets ce que je veux dans mon pop up si j)ai bien co,pris.

Bon je vais essayer

48

C’est ça, la partie content contient la combinaison de cartes qui vont s’afficher dans la popup

49

Ok,

Je vais essayer donc et te dirai

@Pulpy-Luke : j’ai un problème d’indentation… encore :triumph:

type: picture-elements
elements:
 - type: state-badge
    entity: sensor.0x00158d00011173c7_temperature
    style:
      color: transparent
      top: 20%
      left: 88%
      font-size: 12px
      opacity: 0.6
  - type: state-badge
    entity: sensor.0x00158d0001117286_temperature
    style:
      color: transparent
      top: 20%
      left: 62%
      font-size: 12px
      opacity: 0.6
  - type: state-icon
    entity: switch.spot_entree
    tap_action:
      action: navigate
      navigation_path: /lovelace-test/eclairage-maison
    style:
      top: 8%
      left: 35%
  - type: state-icon
    entity: switch.spot_entree
    tap_action:
      action: fire-dom-event
      browser_mod:
        service: browser_mod.popup
        data:
          title: Éclairage
          content:
           type: vertical-stack
           cards:
            - type: vertical-stack
              cards:
               - type: horizontal-stack
                 cards:
                  - type: custom:button-card
                     show_name: true
                     show_icon: true
                     tap_action:
                       action: toggle
                     entity: switch.spot_entree
                     icon: mdi:lightbulb-spot
                     name: Spot Entrée
                     size: 10px
    style:
      top: 68%
      left: 35%
  - type: state-icon
    icon: mdi:window-shutter
    entity: switch.volet_maison
    tap_action:
      action: navigate
      navigation_path: /lovelace-test/volets-maison
    style:
      top: 52%
      left: 76%
      '--mdc-icon-size': 45px
      opacity: 0.4
  - type: state-icon
    entity: alarm_control_panel.visonic_alarm
    tap_action:
      action: toggle
    style:
      top: 8%
      left: 10%
image: /local/Photos/IMG_20210911_150902.jpg
aspect_ratio: '1:1'
tap_action:
  action: navigate
  navigation_path: /lovelace/maison/

J’ai fait l’essai juste avec 1 bouton…

50

Tu as l’info de la ligne qui plante dans HA … + ou - 1. Il faut se servir de ça pour corriger
Là c’est évident, tu as déjà 4 espaces en trop au début

51

C’est un mauvais copié collé les 4 espaces désolé…

Il me dit erreur indentation à show_name

52

Donc tu regardes les lignes +/-1 qui correspondent. Là aussi c’est assez facile

1 « J'aime »
53

Ok ça marche merci à toi

54

bonjour

je souhaite mettre deux cartes de type entities l’une au dessus de l’autre avec un titre pour chaque carte (afin de séparer les prise de la lumière) mais j’ai essaye différente méthode mais le popup ne s’affiche pas.
quelque peux m’aider a insérer cette deuxième carte svp

tap_action:
  action: fire-dom-event
  browser_mod:
    service: browser_mod.popup
    data:
      dismissable: true
      timeout: 12000
      title: Maison
      content:
        type: entities
        entities:
          - light.maison
          - light.grande_piece
          - switch.prise_jean_philippe
          - switch.prise_guy
          - switch.prise_chromebook
          - switch.prise_console
          - switch.prise_insecticide
          - switch.prise_machine_a_laver
          - switch.prise_frigo
          - switch.prise_congelateur
          - switch.prise_tv
          - switch.prise_baie_technique
      right_button: Eteindre les lumières
      left_button: Allumer les lumières
      right_button_action:
        service: light.turn_off
        data:
          entity_id:
            - light.maison
            - light.grande_piece
      left_button_action:
        service: light.turn_on
        data:
          entity_id:
            - light.maison
            - light.grande_piece

j’arrive a obtenir ça mais j’ai les boutons éteindre les lumières qui n’apparaissent pas, j’arrive pas a inserer des titres « lumières » et « prises »

type: vertical-stack
cards:
  - type: entities
    entities:
      - light.maison
      - light.grande_piece
    right_button: Eteindre les lumières
    left_button: Allumer les lumières
    right_button_action:
      service: light.turn_off
      data:
        entity_id:
          - light.maison
          - light.grande_piece
    left_button_action:
      service: light.turn_on
      data:
        entity_id:
          - light.maison
          - light.grande_piece
  - type: entities
    entities:
      - switch.prise_jean_philippe
      - switch.prise_guy
      - switch.prise_chromebook
      - switch.prise_console
      - switch.prise_insecticide
      - switch.prise_machine_a_laver
      - switch.prise_frigo
      - switch.prise_congelateur
      - switch.prise_tv
      - switch.prise_baie_technique