Bubble Card und Background

[marhal]

Hallo alle zusammen,

ist es möglich mit der Bubble Card auch ein Hintergrund hinzuzufügen ?

VG
Marhal

[GermanSniper]

In welcher Komponente von Bubble Card? Meist ein Hintergrund Bild oder nur andere Hintergrund Farbe?

[marhal]

Guten Morgen GermanSniper,

Ich meine ein Hintergrundbild. Ich finde die BubbleCard halt super und möchte halt damit Bereichscard erstellen. Nur würde ich halt gern Hintergrundbilder der Räume hinterlegen.

Gruß
Marhal

[scw2wi]

Die Bubble Card kann das nicht direkt, aber du kannst z.B. mit der Button-Card beliebige Cards übereinanderlegen.
Es ist nicht ganz trivial und du solltest dich auch mit dem z-index auskennen.
Ein Beispiel für so eine Stapelung habe ich hier gepostet. HACS stack-in-card für Raum-Card

Die Button-Card selbst könnte zwar relativ einfach ein Hintergrundbild darstellen, aber du suchst ja eine Lösung für die Bubble-Card, also wird dir diese einfache Lösung nicht viel weiterhelfen. Falls doch, hier das Beispiel:

type: custom:button-card
entity: sensor.temperature
name: Temperatur
card_mod:
  style: |
    ha-card {
      background-image: url('/local/pictures/picture.jpg');
      background-size: cover;
      background-position: center;
    }

Korrektur: Die Bubble Card kann das doch.

type: custom:bubble-card
card_type: button
entity: sensor.temperature
name: Temperatur
styles: |-
  .bubble-button-background {
   background: url(/local/pictures/picture.jpg);
  }​