Probleme carte lovelace (mise en page Panneau), insertion pictures-elements, brower_mod.popup et mashroom

Home Assistant - Tutoriels & Partages Interface / Lovelace / Thème / Custom Card
1

Bonjour,
voici mon pb du moment,
j’arrive à réaliser un popup météo mêlant vertical-stack et Horizontal-stack dans une carte lovelace avec une mise en page section. Voici mon yaml :

type: custom:mushroom-entity-card
entity: weather.marseille
grid_options:
  columns: 3
  rows: 1
primary_info: none
secondary_info: none
tap_action:
  action: perform-action
  perform_action: browser_mod.popup
  target: {}
  data:
    dismissable: true
    autoclose: false
    card_mod:
      style:
        ha-dialog$: |
          div.mdc-dialog__scrim {
            backdrop-filter: blur(5px) !important;
            -webkit-backdrop-filter: blur(5px) !important;
          }
    content:
      type: horizontal-stack
      cards:
        - type: vertical-stack
          cards:
            - type: custom:weather-chart-card
              entity: weather.marseille
              forecast:
                style: style2
              units:
                speed: ""
            - show_current: false
              show_forecast: true
              type: weather-forecast
              entity: weather.marseille
              forecast_type: hourly
              name: Heures par heures
              secondary_info_attribute: attribution
        - type: horizontal-stack
          cards:
            - type: custom:weather-radar-card
              card_title: Carte radar
              data_source: RainViewer-Meteored
              frame_count: 10
              show_marker: false
              show_scale: false
              static_map: false
              show_zoom: false
              show_playback: false
              show_range: false
              map_style: Voyager
              zoom_level: 7
    size: wide
    timeout: 30000
    style:
      ha-dialog$: |
        div.mdc-dialog__scrim {
          backdrop-filter: blur(15px) !important;
          -webkit-backdrop-filter: blur(15px) !important;
        }
      ha-dialog: |
        .content{
          border: 1px solid #013896 !important;
          background-color: rgba(15,15,36,1);
          padding-top: 10px;
          padding-left: 10px;
          padding-right: 10px;
        }

La carte fonctionne bien le rendu est le suivant :

image
image1828×971 277 KB

Mais lorsque j’essaye de l’intégrer dans une carte lovelace « mise en page Panneau », avec une intégration pictures-Elements, rien ne s’affiche, pourtant je copie colle le code à partir de content, je fais attention décalage… mais je dois avoir une ou des erreurs qqs parts que je ne trouve pas ou alors cela n’est pas possible d’afficher ma carte. J’arrive à intégrer une mashroom plus simple mais pas celle de ma météo.

Voici le code que je copie dans la section content, je ne peux meme pas mettre le yaml, car il ne s’enregistre pas

type: horizontal-stack
cards:
	- type: vertical-stack
		cards:
		  - type: custom:weather-chart-card
		    entity: weather.marseille
		    forecast:
		      style: style2
		    units:
		      speed: ""
		  - show_current: false
		    show_forecast: true
		    type: weather-forecast
		    entity: weather.marseille
		    forecast_type: hourly
		    name: Heures par heures
		    secondary_info_attribute: attribution
	- type: horizontal-stack
		cards:
		  - type: custom:weather-radar-card
		    card_title: Carte radar
		    data_source: RainViewer-Meteored
		    frame_count: 10
		    show_marker: false
		    show_scale: false
		    static_map: false
		    show_zoom: false
		    show_playback: false
		    show_range: false
		    map_style: Voyager
		    zoom_level: 7

Si qq’un pouvait me dire ou cela dysfonctionne, merci

2

Hello,

va falloir revoir l’indentation, tu as aussi des caractères invisibles bizarres dans le 2e code à priori

soucis de copie ou pas, à toi de voir

image

la partie surlignée fait 1 caractère chez moi devant entity et c’est comme ça dans tout le code

cdt

3

Merci,
peux tu me dire comment tu fais apparaître ses infos stp. merci

4

Re,

pour le voir j’ai juste fait un « inverse tabulation » en sélectionnant une ligne et je me suis retrouvé sur le bord de la fenêtre, c’est comme ça que j’ai conclu à un soucis bizarre dans le 2e code.

cdt

5

Je vais regarder ca, j’ai réaliser l’indentation avec notepad++, je vais regarder ec que j’ai fait par rapport à mon code qui focntionne

6

Merci, problème résolu, j’ai utilisé Kate pour voir mes indentations et cela a résolu le problème.
Merci

1 « J'aime »