Dashboard wird manchmal falsch Angezeigt

Hallo,

ich habe das Problem das bei meinem Dashboard für einen Google Hub, die Anzeige immer falsch ist. D.h. wenn ich das Dashboard aufrufe, zeigt er alle Buttons und Texte im falschen Format an. Sobald ich das Dashboard dann kurz bearbeite, stellt er es richtig dar.

Da der Google Hub nicht so super stabil läuft und ich es durch eine Automation abfange falls er sich aufhängt und das Dashboard erneut anzeigen lasse, tritt der Fehler ständig auf.

Ich weiss das es am Cache liegen könnte, aber ich weiß nicht wie ich diesen beim Google Hub jedes mal löschen kann bevor das Dashboard angezeigt wird. Neustart des Google Hubs bringt auch keine Verbesserung.
Ich hoffe hier hat noch jemannd einen Tipp für mich.

Hier mal der Code von meinem Dashboard

kiosk_mode:
  hide_header: true
  hide_sidebar: '{{ is_state("input_boolean.hide_sidebar", "on") }}'
views:
  - type: sidebar
    path: uhr
    title: Uhr
    cards:
      - type: custom:digital-clock
        grid_options: null
        columns: 1
        rows: 2
        card_mod:
          style: |

            span.first-line 
            { 
              font-size: 21em;
              margin-bottom:2px;
              
            }
            span.second-line 
            {
              font-size: 2.4em;
              margin-bottom:50px;
            }
            ha-card {
              background: transparent;
              border-style: none;
              color: white;
            }
      - type: horizontal-stack
        cards:
          - type: horizontal-stack
            cards:
              - show_name: true
                show_icon: true
                type: button
                entity: light.wohnzimmer
                theme: Frosted Glass Dark
                icon: mdi:lightbulb-group
              - show_name: true
                show_icon: true
                type: button
                theme: Frosted Glass Dark
                entity: switch.kamin
                icon: mdi:fireplace
                name:
                  type: device
              - show_name: true
                show_icon: true
                type: button
                theme: Frosted Glass Dark
                entity: switch.heizung_visual
                icon: mdi:thermometer
                name: Heizung
              - show_name: true
                show_icon: true
                type: button
                theme: Frosted Glass Dark
                name: Weihnachtsbeleuchtung
                icon: mdi:candycane
                entity: switch.weihnachtsbeleuchtung
                hold_action:
                  action: navigate
                  navigation_path: '#pop-up-xmas'
              - show_name: true
                show_icon: true
                type: button
                tap_action:
                  action: navigate
                  navigation_path: '#pop-up-xmas'
                name: PopUp
                theme: Frosted Glass Dark
      - type: vertical-stack
        cards:
          - type: custom:bubble-card
            card_type: pop-up
            name: Weihnachtsbeleuchtung
            icon: mdi:candycane
            hash: '#pop-up-xmas'
            button_type: name
          - type: custom:bubble-card
            card_type: separator
            name: Beleuchtung
            icon: mdi:lightbulb-outline
          - type: horizontal-stack
            cards:
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                name: Weihnachtsbaum
                icon: mdi:pine-tree-variant
                entity: switch.weihnachtsbaum_steckdose
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                entity: switch.gr_fan_in_steckdose_1
                name: Stern - Oben
                icon: mdi:star
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                name: Stern - Unten
                icon: mdi:star
                entity: switch.duftlicht_steckdose
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                entity: light.weihnachten_stern_garten_steckdose_1
                name: Stern - Garten
                icon: mdi:star
          - type: vertical-stack
            cards:
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                name: Weihnachtsbaum
                icon: mdi:pine-tree-variant
                entity: switch.weihnachtsbaum_steckdose
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                entity: light.weihnachten_stern_garten_steckdose_1
                name: Stern - Garten
                icon: mdi:star
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                name: Stern - Unten
                icon: mdi:star
                entity: switch.duftlicht_steckdose
              - type: custom:bubble-card
                card_type: button
                button_type: switch
                show_state: true
                entity: switch.gr_fan_in_steckdose_1
                name: Stern - Oben
                icon: mdi:star
    background:
      opacity: 70
      alignment: center
      size: cover
      repeat: repeat
      attachment: fixed
      image:
        media_content_id: media-source://media_source/local/IMG_5854.jpeg
        media_content_type: image/jpeg
        metadata:
          title: IMG_5854.jpeg
          thumbnail: null
          media_class: image
          children_media_class: null
          navigateIds:
            - {}
            - media_content_type: app
              media_content_id: media-source://media_source
    icon: mdi:clock

Du solltest Versuchen, das Dashboard ohne Cache-Zugriff zu laden bzw. den Browser-Cache vor dem Aufruf leeren, dann sollte es beim 1. Aufruf schon richtig anzeigen.

Wie mache ich sowas?

Geht ja um einen Google Hub, das müsste ich ja dann per HomeAssistant an den Google Hub senden und das geht wohl nicht, soweit ich das recherchiert habe.

Kann ich Dir leider auch nicht sagen, aber das geschilderte Problem deutet, analog zum Verhalten beim Browser, auf ein Cache-Problem hin.

Moin

Geht es um einen Hub Gen.2 oder um welchen Hub? Gen.2 Hubs nutze ich hier auch schon länger und bei mir gibt es damit keinerlei Stabilitätsprobleme.

M.W. gibt es dafür keine Möglichkeit und ich habe hier auch keine Darstellungsprobleme wenn ich mir mein HA Dashboard auf einen Nest Hub Gen.2 anzeigen lasse.

Weil ich in Deinem Code allerdings auch ext. Integrationen wie z.B. custom:bubble-card und card_mod sehe. Die Darstellung des Dashboards auf dem Hub erfolgt ja per Cast Integration, sprich Chromecast und dabei kann es immer mal zu irgendwelchen Darstellungsproblemen kommen und ob dann irgendwelche “fremde” Integrationen - wie z.B. die bubble-card oder card_mod - per Chromecast richtig dargestellt werden ist nicht wirklich garantiert/sicher. Daher kann es auch durchaus sein das erst durch ein erneutes laden alles korrekt (nach)geladen und dargestellt wird, was dann aber nichts mit irgendeinem Cache zu tun hat.

Diskussionen zu irgendwelchen Darstellungsproblemen zu irgendwelchen Elementen auf dem Hub gibt es eigentlich schon seit Jahren und auch immer mal wieder. Z.B. nach irgendwelchen Updates für den Hub und/oder Änderungen an Chromecast.

Als Test würde ich Dir vorschlagen das Du Dir einfach mal irgendein extra Dashboard für den Hub erstellst, bei dem Du dann auf irgendwelche fremde Integrationen, die das Aussehen bzw. Art der Darstellung betreffen, verzichtest. Also einfach nur ein schlichtes Dashboard mit ein paar HA Karten darauf. Dann probierst Du aus ob dieses einfache Dashboard dann korrekt dargestellt wird. Wenn/Falls das der Fall sein sollte probierst Du halt Zug um Zug aus was passiert wenn Du dann auf diesem Dashboard auch noch so Dinge bubble-card nutzt. Dann card-mod usw.

Ja das ist jetzt keine Lösung für Dein Problem, :slightly_smiling_face: aber zumindest ein Test um heraus zu bekommen ob es wirklich an Deinem Hub liegt, oder eher an den Elementen/Komponenten aus denen Du das Dashboard erstellt hast.

Falls auch das einfache Dashboard irgendwie falsch dargestellt wird, dann dürftes Du vermutlich eher ein generelles Problem bei Dir mit HA und/oder dem Hub haben, denn so ein Verhalten ist eben nicht normal.

VG Jim

Es müsste sich um einen Nest Hub Gen.1 handeln.

Ich werde deinen Vorschlag mal ausprobieren mit einem simplen Standard Dashboard, aber das Problem ist das mir das generell auch nichts bringen würde, da ich ja eine möglichst große Anzeige der Uhrzeit haben möchte und das geht nicht mit Hausmitteln.

Moin

OK zu Gen.1 Hubs kann ich dann leider auch nichts sagen.

Jo probier das mit einem einfach Dahboard mal, denn dann weißt Du zumindest ob es ggf. an den zusätzlichen Integrationen/Elementen liegt die Du nutzt, oder ob es vielleicht doch eher ein Problem mit dem Nest Hub Gen.1 ist.

Tja - was soll ich dazu sagen. :slightly_smiling_face: Falls irgendeine zusätzliche Integration für das Darstellungsproblem sorgen sollte dann wirst Du Dich wohl nach alternativen Möglichkeiten umschauen müssen.

Wie bereits gesagt nutze ich hier nur Gen.2 Hubs und keine Erweiterungen wie z.B. custom:bubble-card oder card_mod, sodass ich das Problem auch gar nicht versuchen könnte nachzustellen. Ich weiß eben nur das es auch bei Gen.2 Hubs machmal zu Darstellungsproblemen kommt - z.B. mit CSS-Code und mir ist auch kein Weg bekannt ob und wie man irgendeinen Cache bei einem Nest Hub leeren könnte, damit ein Chromecast-Stream ggf. kompl. neu geladen wird. So er das denn ggf. nicht eh wird.

VG Jim