Hallo Liebe Community,
ich habe seit ein paar Tagen die Bubble Card im Einsatz. Für die Lichtschalter / Slider usw. funktioniert das auch gut, ABER für ein Popup wenn jemand klingelt oder die Kamera Bewegung erfasst leider nicht.
Ich mache das alles über den Visuellen Editor, aber so sieht der Yaml Code aus:
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: “#Kamera”
button_type: name
trigger_close: false
trigger:
- condition: state
entity: event.outside_bewegung
state: unknown
open_action:
action: perform-action
perform_action: camera.snapshot
target:
device_id: \*\*\*\*\*\*\*
data: {}
Unter state “unknown” kann ich leider nichts anderes aswählen, und ich weiß nicht ob ich einfach was eintragen kann im Editor.
Das gleiche Problem habe ich für die Eufy Klingel (Batteriebetrieben) auch. Hier popt immer nur ein schwarzes Bild auf. Ohne Inhalt.
Hoffe ihr könnt mir iwi helfen.
LG Domme
s.a.: (Neues Update & Features - Hier in der Community 🫶 )
maxe
22. August 2025 um 12:10
2
Was zeigt denn die Entität event.outside_bewegung für einen Zustand, wenn Bewegung erkannt wird?
Bei der BubbleCard ist die 1. Karte im Vertical-Stack die PopupCard und die- 2. Karte muss die Card sein, die du Anzeigen möchtest.
und der Trigger funktioniert in der BubbleCard anders … siehe mein Code
hier mal mein funktionierender Code:
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#klingel"
is_sidebar_hidden: true
width_desktop: 800px
auto_close: 45000
hide_backdrop: false
name: ""
margin_top_desktop: 0px
margin: 7px
trigger_entity: binary_sensor.reolink_video_doorbell_wifi_besucher
trigger_state: "on"
show_name: false
show_icon: false
scrolling_effect: false
- type: picture-entity
show_state: false
show_name: false
camera_view: live
entity: input_button.fake_entity
camera_image: camera.reolink_video_doorbell_wifi_fliessend
aspect_ratio: "4:3"
tap_action:
action: none
hold_action:
action: none
Bei dir dann:
trigger_entity: event.outside_bewegung
trigger_state: on
...
camera_image: DEINE_KAMERA_ENTITÄT_fliessend
du kannst in den Entwicklerwerkzeugen nachschauen welche States deinetrigger_entity: event.outside_bewegung
Bubble-Card Code nach aktuellem Update der BubbleCard (der alte Code funktioniert trotzdem)
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#klingel"
is_sidebar_hidden: true
width_desktop: 800px
auto_close: 45000
hide_backdrop: false
name: Türklingel
margin_top_desktop: 0px
margin: 7px
show_name: true
show_icon: false
scrolling_effect: false
button_type: name
trigger:
- condition: state
entity: binary_sensor.reolink_video_doorbell_wifi_besucher
state: "on"
- type: picture-entity
show_state: false
show_name: false
camera_view: live
entity: input_button.fake_entity
camera_image: camera.reolink_video_doorbell_wifi_fliessend
aspect_ratio: "4:3"
tap_action:
action: none
hold_action:
action: none
ok. Vielen Lieben Dank für die Hilfe. Werde es gleich mal zu Hause testen. Ein Vorschaubild erscheint immerhin schonmal
Hallo zusammen, ich habe auch dieses Problem und kann es nicht eingrenzen.
Ich habe mir einen Schalter gebaut und den als Auslöser genommen. Es kommt ein Popup aber Ohne Bild.
type: custom:vertical-stack-in-card
title: BubbleCard
cards:
- type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#Haustuer"
with_desktop: 800px
hide_backdrop: false
margin_top_desktop: 0px
margin: 7px
button_type: name
trigger:
- condition: state
entity: input_boolean.testschalter
state: "on"
- show_state: true
show_name: true
camera_view: live
fit_mode: cover
type: picture-entity
entity: camera.haustuer_cam_fliessend
camera_image: camera.haustuer_cam_fliessend
aspect_ratio: "4:3"
Kann mir jemand sagen wie ich das Problem näher eingrenzen kann. Bzw. ein log finde?
Ich habe Reolink Cameras und habe kann mir das Bild auch in HA anzeigen lassen.
Vielen Dank
hab es mit meinem Code verglichen und der ist fast komplett identisch bis auf
deswegen … prüfe mal ob du bei “camera_image” die Entität korrekt eingetragen hast
EDIT: … Kommando zurück … dein Code funktioniert so nicht!!!
Versuch mal so …
type: vertical-stack
cards:
- type: custom:bubble-card
card_type: pop-up
hash: "#Haustuer"
with_desktop: 800px
hide_backdrop: false
margin_top_desktop: 0px
margin: 7px
button_type: name
trigger:
- condition: state
entity: input_boolean.testschalter
state: "on"
- show_state: true
show_name: true
camera_view: live
fit_mode: cover
type: picture-entity
entity: camera.haustuer_cam_fliessend
camera_image: camera.haustuer_cam_fliessend
aspect_ratio: "4:3"
Die Einrückung bei der picture-entity stimmt bei dir nicht
Hallo Schwippser,
vielen Dank
Ich habe 3 Tage darüber gesessen und den Fehler nicht gefunden
Nachtrag:
Was muss ich eingeben damit das Popup Fenster nach 3 Minuten geschlossen wird?
mit Auto Close habe ich getestet aber das Fenster geht für 1-2 Sekunden auf und wird dann wieder geschlossen.
Hat sich erledigt!!
Refresh vom Browser und dann funktioniert es auch!!
Auto-Close nach 3 Minuten sollte eigentlich mit …
auto_close: 180000
… funktionieren. Bei mir bleibt das Fenster genau 45 Sekunden offen und schließt dann. Möglicherweise liegt es in deinem Fall daran, dass du den “vertikal-stack” der Bubble-Card nochmal in einen “custom:vertical-stack-in-card” gepackt hast.
Das ist sowieso unnötig, da das PopUp ja nur im Editier-Modus oder augelöst sichtbar ist.
RScherp
8. Oktober 2025 um 16:24
10
Ja, vielen Dank. Ich hatte ein den Browser Refresh gemacht und dann ging es auch.
Jetzt muss ich das ganze nur noch auf dem Google Nest Hub bekommen. Dann ist meine Frau auch Glücklich wenn sie sehen kann wer vor der Tür steht wenn es klingelt.
muss wohl auf dem Nest hub das HA streamen.
by HarryP: Code-/Logzeilen formatiert (bitte immer in </> einbinden)
Es funktioniert jetzt 