Dashboard type: standard / masonry wird nicht dargestellt

Hallo Schwarmintelligenz :slight_smile:

habe hier im Forum nun einige hilfreiche Tipps gefunden und baue mir gerade ein Dashboard zusammen. Verwende dazu horizontale und vertikale Stapel, das Video von Simon war Mega.

Habe nur ein seltsames Verhalten, das Dashboard zeigt die Karten alle untereinander an und nicht wie den Standardtyp “masonry”. Habe auch schon type: masonry hinzugefügt, war aber nicht die Lösung. Wo liegt mein Fehler?

Folgend der aktuelle Code und ein Screenshot.

views:
  - title: Home
    cards:
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                title: Flur
                cards: []
              - type: horizontal-stack
                cards:
                  - type: tile
                    entity: switch.flur_keller_switch_0
                    name: UG
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/flur
                    icon: mdi:ceiling-light
                  - type: tile
                    entity: switch.shelly_flur_eg_switch_0
                    name: EG
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/flur
                    icon: mdi:ceiling-light
                  - type: tile
                    entity: switch.flur_og_switch_0
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/flur
                    name: OG
                    icon: mdi:ceiling-light
              - type: horizontal-stack
                cards:
                  - type: tile
                    entity: cover.eg_rollos
                    name: Rolladen Erdgeschoss
                    hide_state: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/flur
                    state_content:
                      - state
                      - current_position
      - type: horizontal-stack
        cards:
          - type: horizontal-stack
            title: WC
            cards:
              - type: vertical-stack
                cards:
                  - type: tile
                    entity: cover.wc_rollo
                    name: Rollo
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wc
                    vertical: false
                    show_entity_picture: false
                    hide_state: false
                    state_content:
                      - state
                      - current_position
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                title: Arbeitszimmer
                cards: []
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Rollo
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/buro
                    icon: ''
                    entity: cover.buro_rollos
                    hide_state: false
                    state_content:
                      - state
                      - current_position
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                title: Küche
                cards: []
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: 'Temperatur:'
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/kuche
                    icon: ''
                    hide_state: false
                    entity: sensor.indoor_outdoor_meter_2a37
                  - type: tile
                    name: 'Luftfeuchte:'
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/kuche
                    icon: ''
                    hide_state: false
                    entity: sensor.indoor_outdoor_meter_2a37_luftfeuchtigkeit
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Rollo
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/kuche
                    icon: ''
                    entity: cover.kueche_rollo
                    hide_state: false
                    state_content:
                      - state
                      - current_position
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                title: Esszimmer
                cards: []
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Licht
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/esszimmer
                    icon: ''
                    hide_state: false
                    entity: light.esszimmer
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Rollos
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/esszimmer
                    icon: ''
                    hide_state: false
                    entity: cover.esszimmer_rollos
                  - type: tile
                    name: Tür
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/esszimmer
                    icon: ''
                    hide_state: false
                    entity: binary_sensor.esszimmer_tursensor
      - type: horizontal-stack
        cards:
          - type: vertical-stack
            cards:
              - type: horizontal-stack
                title: Wohnzimmer
                cards: []
              - type: horizontal-stack
                cards:
                  - type: tile
                    entity: sensor.indoor_outdoor_meter_192b
                    name: 'Temperatur:'
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                  - type: tile
                    name: 'Luftfeuchte:'
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                    icon: ''
                    hide_state: false
                    entity: sensor.indoor_outdoor_meter_192b_luftfeuchtigkeit
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Stehlampe
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                    icon: ''
                    hide_state: false
                    entity: light.stehlampe
                  - type: tile
                    name: Leuchte
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                    icon: ''
                    hide_state: false
                    entity: light.wohnzimmer
                  - type: conditional
                    conditions:
                      - condition: state
                        entity: light.leselampe
                        state_not: unavailable
                    card:
                      type: tile
                      name: Lese
                      show_entity_picture: false
                      vertical: false
                      tap_action:
                        action: navigate
                        navigation_path: /dashboard-trial/wohnzimmer
                      icon: ''
                      hide_state: false
                      entity: light.leselampe
              - type: horizontal-stack
                cards:
                  - type: tile
                    name: Rollos
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                    icon: ''
                    hide_state: false
                    entity: cover.wohnzimmer_rollos
                  - type: tile
                    name: Tür
                    show_entity_picture: false
                    vertical: false
                    tap_action:
                      action: navigate
                      navigation_path: /dashboard-trial/wohnzimmer
                    icon: ''
                    hide_state: false
                    entity: binary_sensor.esszimmer_tursensor
  - title: Flur
    path: flur
    cards: []
    subview: true
  - title: WC
    path: wc
    cards: []
    subview: true
  - title: Büro
    path: buro
    cards: []
    subview: true
  - title: Küche
    path: kuche
    cards: []
    subview: true
  - title: Esszimmer
    path: esszimmer
    cards: []
    subview: true
  - title: Wohnzimmer
    path: wohnzimmer
    cards: []
    subview: true
title: Home

Viele Dank

Gruß
Jan

Willkommen und guten Abend!
Ich denke das liegt daran, dass du alles innerhalb einer Karte in einem einzelnen horizontalen bzw. vertikalen Stapel packst. Oder habe ich einen Denkfehler?

Wenn ich dich richtig verstehe, solltest du wahrscheinlich die einzelnen Räume als eigene Karten anlegen.

LG Leon

Hallo,

ja, nee habe ich eigentlich (zumindest bewusst) nicht, sondern viele Cards mit horizontal Stacks. Hab mal den Code etwas gekürzt.

title: Home
cards:
  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            title: Flur

<...>

  - type: horizontal-stack
    cards:
      - type: horizontal-stack
        title: WC
        cards:
          
<...>

  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
<...>

  - type: horizontal-stack
    cards:
      - type: vertical-stack
        cards:
          - type: horizontal-stack
            title: Küche
            cards: []
          - type: horizontal-stack
            cards:

icon: mdi:home-circle
type: masonry

Okay, ja hatte einen Denkfehler, sorry
Ändert sich das Verhalten mit noch mehr Karten?

Ich glaube dein Denkfehler war doch richtig, habe jetzt den ersten “horizontal-stack” entfernt, aber irgendwo habe ich da noch einen Fehler mit den Cards… :expressionless:

title: Home
type: masonry
cards:
  - type: vertical-stack
    cards:
      - type: horizontal-stack
        title: Flur
        cards: []
      - type: horizontal-stack
        cards:
          - type: tile
            entity: switch.flur_keller_switch_0
            name: UG

Ich denke, du kannst bei allen cards vor dem vertical stack den horizontal stack entfernen

Edit: Den Code deines letzten Posts müsstest du eigentlich wie folgt anpassen können und das gleiche Ergebnis für den Flur erhalten:

title: Home
type: masonry
cards:
  - type: vertical-stack
    title: Flur 
    cards:
      - type: horizontal-stack
        cards:
          - type: tile
            entity: switch.flur_keller_switch_0
            name: UG

Ja, genau das war es, danke. Da bin ich mit den Ebenen durcheinander gekommen.