Dashboard abschnitte aufklappbar?

Dashboard/Cards/Frontend
1

Hallo,
ich bin grad am aufbau von meinem Dashboard, was auf Stockwerke eingeteilt ist.
Auf dem Stockwerk habe ich jeden Raum als Abschnitt.

Ist es möglich die Räume/abschnitte mit einem Tip auf den Abschnitt auf zu klappen?
Auf dem Handy ist man sonst wieder zu lange am scrollen.

2

Schau dir mal Tabbet card an. Damit habe ich in meinem Dashboard viel Platz sparen können.

2 „Gefällt mir“
3

Den obigen Vorschlag habe ich zwar nicht im Einsatz aber sieht gut aus.

Alternativ könnte ich etwas Handgemachtes anbieten.
off

on
Dahinter steckt eine Kombination aus Helfer/Visibility und custom:button-card.

1 „Gefällt mir“
4

du könntest auch die expander card aus dem hacs store nutzen

aber die konfiguartion ist ein wenig gewöhnungsbedürftig…
ich erstelle meist die karten die rein sollen kopiere mir die yaml und füge die dann erst fertig ein

1 „Gefällt mir“
5

Bubble Card

Auch gut ist Bubble Card. Da kann man das elegant über Pop Ups lösen.

1 „Gefällt mir“
6

Oder Du nutzt einfach HA Hausmittel:

  • Einen neuen Helfer anlegen: Schalter
    In dessen Abhängigkeit schaltest du später die Details an und aus.
  • Eine neue Ansicht erstellen, Typ: Abschnitte
  • Im neuen Abschnitt legst du dann eine Übersichtskarte an
    Unter Entitäten gibst du an, was in der Kopfzeile angezeigt werden soll.
    In Interaktionen wählst Du Aktion ausführen, Boolsche Eingabe: Umschalten und deinen im ersten Schritt angelegten Schalter aus.
  • Unter der Übersichtskarte legst du eine Entitäten-Karte an und gibst an, was in den Details angezeigt werden soll (kann, das Gleiche wie in der Kopfzeile sein)
    Für die Entitäten-Karte wählst Du im Reiter Sichtbarkeit: Entitätszustand, “deinen Schalter”, Zustand ist gleich, An
    Für jede ein- und ausblendbare Entitäten-Karte brauchst du einen eigenen Schalter (es sei den dir reicht “alles ein- oder ausblenden”)

Im Editiermodus sieht das dann so aus:

Bild1
Bild11378×978 37.4 KB

Im Betrieb so (WZ aus- und Flur eingeklappt):
Bild2
Bild2742×718 18.2 KB

Hier noch der Yaml Code der Ansicht

title: Wohnung
path: wohnung
type: sections
max_columns: 4
dense_section_placement: true
icon: mdi:home
cards: []
sections:
  - type: grid
    cards:
      - type: heading
        heading: Wohnzimmer
        heading_style: title
        icon: mdi:sofa
        badges:
          - type: entity
            show_state: false
            show_icon: true
            entity: switch.wohnzimmerlicht
            icon: mdi:lightbulb
            color: state
            tap_action:
              action: toggle
            name: Licht
          - type: entity
            entity: sensor.wohnzimmerheizung_temperatur
            name: Temperatur
          - type: entity
            show_state: false
            show_icon: true
            entity: climate.wohnzimmerheizung
            color: state
            tap_action:
              action: more-info
            visibility:
              - condition: state
                entity: climate.wohnzimmerheizung
                state_not: "off"
            name: Heizung
          - type: entity
            show_state: false
            show_icon: true
            entity: binary_sensor.balkontur
            color: state
            name: Balkontür
          - type: entity
            show_state: false
            show_icon: true
            entity: cover.wohnzimmerrolladen
            color: state
            tap_action:
              action: toggle
            name: Rolladen
        tap_action:
          action: perform-action
          perform_action: input_boolean.toggle
          target:
            entity_id: input_boolean.anzeige_wz
        layout_options:
          grid_columns: 6
          grid_rows: 1
      - type: entities
        entities:
          - entity: light.wohnzimmerlicht
            name: " Licht"
          - entity: binary_sensor.balkontur
            name: " Balkontür"
          - entity: cover.wohnzimmerrolladen
            name: " Rolladen Wohnzimmer"
          - entity: climate.wohnzimmerheizung
            name: Heizung
        state_color: true
        layout_options:
          grid_columns: 5
          grid_rows: auto
        visibility:
          - condition: state
            entity: input_boolean.anzeige_wz
            state: "on"

      - type: heading
        heading: Flur
        heading_style: title
        icon: mdi:home-variant
        badges:
          - type: entity
            show_state: false
            show_icon: true
            entity: switch.flurlicht
            icon: mdi:lightbulb
            color: state
            tap_action:
              action: toggle
            name: Licht
          - type: entity
            entity: sensor.govee_h5100_4c96_temperature
        tap_action:
          action: perform-action
          perform_action: input_boolean.toggle
          target:
            entity_id: input_boolean.anzeige_flur
        layout_options:
          grid_columns: 6
          grid_rows: 1
      - type: entities
        entities:
          - entity: light.flurlicht
            name: Licht
          - entity: sensor.govee_h5100_4c96_temperature
          - entity: sensor.govee_h5100_4c96_humidity
        state_color: true
        visibility:
          - condition: state
            entity: input_boolean.anzeige_flur
            state: "on"

    column_span: 2
  - type: grid
    cards:
      - type: heading
        heading: " "
        heading_style: title
3 „Gefällt mir“
7

Überschrift und Actions hatte ich noch nicht entdeckt. Da werden meine “Menü aufklappen” Buttons wegfallen.

8

@miami genau sowas hatte ich mir vorgestellt, mit den neuen Version von HA Dashboard‘s.

Das muss ich mir mal genauer ansehen, ich habe so gut wie kaum Erfahrungen mit HA.