Sichtbarkeit der Sub-Buttons in der Bubble-Card

Dashboard/Cards/Frontend
1

Hallo,

ich bin noch ziemlich neu und habe schon vieles entdeckt!

U.a. habe ich “Bubble Card” installiert und habe dort auch Sub-Buttons angelegt.
Ein Sub-Button soll nicht angezeigt werden, wenn die entsprechende Bedingung erfüllt ist:

visibility:
   - condition: state
     entity: number.midea_porta_split_i_luftergeschwindigkeit
     state_not: unavailable

Klappt auch, ist der Lüfter aus, wird der Button nicht angezeigt.

Aber:
Dann ist dort nur ein leerer Hintergrund.
Ich möchte aber gern, dass die Höhe der Karte dann entsprechend verringert wird.

Geht das irgendwie???

Über Eure Unterstützung würde ich mich freuen!
Tom

2

Hallo,

ich habe es über Umwege selbst gelöst:

Ich habe die Bubble Card dupliziert und dort den Slider (Sub Button) gelöscht.
Die Sichtbarkeit der Karten habe ich entsprechend angepasst:

Die Karte ohne Slider ist sichtbar bei Zustand = Aus

Die Karte mit Slider ist unsichtbar bei Zustand = Aus

Dass die Karten “ausgetauscht” werden, fällt nicht auf.

MfG
Tom

3

Ich verstehe nicht was du damit meinst, das die Höhe der Karte verringert werden soll… Um die Höhe des Sub-Buttons?

Eine saubere Lösung ohne zwei Karten wäre (Im Feld Custom style & JS templates der Bubble Card):

.bubble-sub-button {
  display: ${
    state === 'on' ? 'none' :
    'flex'
  } !important;
}

das state === ‘on’ bezieht sich bei mir auf die Hauptentität der Karte. Es handelt sich dabei um eine Lampe. Diese habe ich zum Testen in der Karte. Ist Sie an verschwindet der Sub Button und nimmt auch keinen Raum mehr ein.