Für eine extra Ansicht würden viele wahrscheinlich eine Unteransicht erstellen, oder versuchen umständliche yaml Konfigurationen zu nutzen, das ist aber unnötig. Mit dem BubbleCard HACS Plugin kannst du in unter 5 Minuten ganz einfach ein Pop-up erstellen
Kapitel/Inhalt
00:00 Intro
00:38 Bubble Card Plugin installieren
00:55 Anmerkungen zum Dashboard
01:26 Pop-up hinzufügen
03:09 Pop-up testen
03:31 weitere Funktionen der Bubble Card
04:45 weitere Karten zum Pop-up hinzufügen
04:56 Outro
Vorraussetzungen
- Home Assistant Installation mit HACS
Bubble Card Installieren
In HACS suchst du einfach nach „Bubble Card“, es reicht auch „Bubble“ und dann installierst du „Bubble Card“, ist in dem Foto in der Kategorie „Heruntergeladen“
Einfach die vorausgewählte Version installieren
Dann auf „NEU LADEN“ drücken, da dies ein UI Plugin ist.
Anmerkungen zum Dashboard
Je nach Kategorie, bzw. Art des Dashboards musst du andere Karten nehmen, dies kannst du herausfinden, indem du in den Bearbeitungsmodus gehst und bei der Ansicht auf den Stift gehst, dort ist dann dein aktueller Dashboard Typ ausgewählt
Standard Kachel Dashboard
Sofern du diesen Dashboard Typ nutzt, musst du 2 vertikale Stapel erstellen.
Sektionen Dashboard
Bei diesem Dashboard Typ musst du 2 Sektionen erstellen.
Pop-up erstellen
Als neue Dashboard Karte im zweiten Stapel/zweite Sektion nimmst du die „Bubble Card“
- Der Typ der Karte ist „Pop-up“
- der Name ist nur für diese Dashboard Ansicht gültig und darf nur einmalig sein, z.B. #schreibtisch, #bett, #heimkino, …
Dann gehtst du auf den blauen Butten „+ Create Pop-up“
Dann gehst du zu den Header Card Settings und kannst folgende Dinge festelgen:
- Den Namen (Überschrift, rechts im Bild zu sehen)
- und ein Icon, welches links neben dem Namen platziert wird
Jetzt kannst du in der Sektion/dem Stapel unter der Bubble Card die restlichen Karten, die in das Pop-up sollen hinzu.
In der ersten Sektion/dem ersten Stapel kannst du jetzt eine Karte deiner Wahl hinzufügen, die navigieren kann, ich nehme in diesem Fall die Mushroom Template Card.
Die Karte kannst du vom Design, usw.. konfigurieren, wie du möchtest. Bei einer der Tip-Aktionen wählst du dann „Navigieren“ aus und gibt den #-Namen von deinem Pop-up an
Pop-up testen
Wenn du dann alles gespeichert hast, kannst du auf den Button klicken und das Pop-up sollte sich öffnen.
Dann ist alles so, wie es sein soll.
Weitere Funktionen der Bubble Card(nur von der Pop-up Funktion)
- „Pop-up settings“: Dort kannst du grundlegende Einstellungen am Pop-up vornehmen
- „Pop-up trigger“: Dort kannst du Bedingungen festelgen, die erfüllt sein müssen, damit das Pop-up sich öffnet
- „Pop-up open/close action“: Aktionen, die ausgeführt werden sollen, wenn das Pop-up geöffnet, oder geschlossen wird.
- „Styling options“: Dort kannst du das Aussehen konfigurieren
- „Modules“: Dort kannst du eigene Module in Form einer yaml-Konfiguration hinzufügen.
Kommentare