Horizontal-Stack Sichtbarkeit

Vorne weg, ich benutze die “Abschnitte”.

Jetzt habe ich mir einen Horizontal-Stack “gebastelt” der 6 “bedingte” Karten enthält. Da Zigbee2MQTT letztens schlafen gegangen ist ohne das ich es gemerkt habe, soll in Zukunft eine entsprechende Karte gezeigt werden.

Da alle 6 Add-Ons im Moment laufen, gibt es nichts anzuzeigen. Das macht HA ja auch richtig, nur wird der freie Platz nicht genutzt, der bleibt einfach leer.

What nu? Im “Vertical” Lay-out funktioniert es wie erwartet.

Schon mal versucht, um den horizontal-stack noch einen vertical-stack zu bauen? Nur zum testen?

Oder aber einen ganzen Abschnitt nehmen und dort die Sichtbarkeit einstellen.

Bin jetzt einen ganz anderen Weg gegangen. Habe den H-Stack raus und die Karten einzeln verteilt. Dank der neuen “layout” Funktion, kann man ja zumindest 4 Karten nebeneinander platzieren. Ist nicht ganz so übersichtlich wie mit dem H-Stack, funktioniert aber. Es wird ja hoffentlich max ein Add-On gemeldet werden…

Jetzt hast du sie ja sogar in einem eigenen Abschnitt. Bei diesem kannst du doch die Bedingungen festlegen, ob sichtbar oder nicht.

Das war nur für den Titel nötig…

Da solltest die Bedingungen aber ODER setzen.

Da hast Du natürlich Recht! :+1:t4:

So ist es falsch.
Du musst als erstes ein OR machen und da alle Bedingungen rein.

Aber jetzt, oder?

Ja, so sollte es imho passen

Ich klinke mich mal ein:

Wie kann ich diesen H-Stack nur dann anzeigen lassen, wenn das Schloss aufgeschlossen ist?

type: horizontal-stack
cards:
  - type: tile
    entity: binary_sensor.wt
    card_mod:
      style: |
        :host {
          justify-content: center;
          text-align: center;
          align-items: center;
          {% set state = states('binary_sensor.wt') | float(0) %}
          {% if states('binary_sensor.wt', 'on') %}
            --card-mod-icon-color: green;
            --icon: mdi:football;
          {% elif states('binary_sensor.wt', 'off') %}
            --card-mod-icon-color: red;
            --icon: mdi:door;
          {% endif %}
        }
    name: Wohnungstür
  - type: tile
    entity: lock.ts_w
    card_mod: null
    style: |
      :host {
        justify-content: center;
        text-align: center;
        align-items: center;
        {% set state = states('lock.ts_w') | float(0) %}
        {% if state == 'off' %}
        --card-mod-icon-color: red;
        --card-mod-icon: mdi:lock-closed;
        {% elif state == 'locked' %}
        --card-mod-icon-color: green;
        --card-mod-icon: mdi:lock;
        {% endif %}
        }
    name: Türschloss
show_name: true
show_icon: true
visibility:
  - condition: null
    entity: binary_sensor.wt
    state: 'on'

Bei den visibility condition fehlt state

visibility:
  - condition: state
    entity: binary_sensor.wt
    state: 'on'

Aber bist du sicher, dass es ein binary_sensor. ist und kein lock.?
Dann sähe es so aus

visibility:
  - condition: state
    entity: lock.ts_w
    state: unlocked

Ey, ich könnte schwören, dass ich nicht “null” sondern “state” dort stehen hatte :face_with_raised_eyebrow:
Kann höchstens sein, dass ich den Code von einem weiteren Dashboard kopiert hatte…

Und ja, “lock.ts_w” funzt, danke… Aber auch das hatte ich mal eingetragen in Kombination mit “unlocked”. Warum???

Evtl. stimmte da schon state nicht mehr
:person_shrugging:

Mit der neuen HA Version kam ja Zoom hinzu, nun habe ich den mal etwas runtergestellt und das gefällt mir viel besser.
Nun brauche ich die Kacheln aber nicht mehr über die komplette Breite (vom Dashboard auf´m Smartphone).
Mit der linken Kachel klappt es, bei der rechten nicht.
Wie kann ich beide Kacheln in gleicher Länge darstellen?

type: horizontal-stack
cards:
  - type: tile
    entity: binary_sensor.wt
    card_mod:
      style: |
        :host {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          height: 100%;
          width: 100%;
          {% set state = states('binary_sensor.wt') | float(0) %}
          {% if states('binary_sensor.wt', 'on') %}
            --card-mod-icon-color: green;
            --icon: mdi:football;
          {% elif states('binary_sensor.wt', 'off') %}
            --card-mod-icon-color: red;
            --icon: mdi:door;
          {% endif %}
        }
    name: " "
  - type: tile
    entity: lock.ts_w
    card_mod: null
    style: |
      :host {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 100%;
        width: 100%;
        {% set state = states('lock.ts_w') | float(0) %}
        {% if state == 'off' %}
        --card-mod-icon-color: red;
        --card-mod-icon: mdi:lock-closed;
        {% elif state == 'locked' %}
        --card-mod-icon-color: green;
        --card-mod-icon: mdi:lock;
        {% endif %}
        }
    name: " "
show_name: true
show_icon: true
visibility:
  - condition: state
    entity: lock.ts_w
    state: locked

Zudem habe ich das Phänomen, dass hin und wieder statt der Status-Farbe “grün” das Icon in “grau” angezeigt wird. Manchmal hilft ein Neustart der App, manchmal nicht.
Somit ist eine Bezeichnung “Geschlossen” und “Abgeschlossen” von Nöten. Dennoch würde ich gerne testen, wie es ohne diese Status-Bezeichnungen aussieht. Wie bekomme ich die weg?

Warum steht das denn da drin?

Und style ist dann auch falsch eingerückt …

Also so?

type: horizontal-stack
cards:
  - type: tile
    entity: binary_sensor.wt
    card_mod:
    style: |
        :host {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          height: 100%;
          width: 100%;

style ist falsch eingerückt.

Im oberen Block hattest du es richtig, im unteren Block nicht.

Wie maxe schon schrieb, Einrücken ist ganz, ganz wichtig!!! Beim ersten Knopf hast Du es ja auch richtig, beim Zweiten nicht.

Eventuell eine ganz andere Anregung. Mein WMBusmeter addon steigt auch ab und zu aus. Ich frage dann über einen Helfer die letzte Aktualisierung ab. Wenn dieses einen bestimmten Wert überschritten hat, starte ich das addon automatisiert neu.