Desktop

Home Assistant schönes mobile Dashboard erstellen

manatarms123

Cadet 1st Year
Registriert
Mai 2026
Beiträge
14
Hallo,

ich fange mit Home Assistant an und möchte mir ein schönes mobile Dashboard erstellen.
Die Hauptkarten die dafür verwendet werden sind die Mushroom cards und die bubble card eventuell noch die Standard Tile card

Welche Karten findet ihr für Mobile am besten? ich nutze Home Assistant nur am Handy

Ich will mein Dashboard aufjedenfall mit Popups erstellen damit die Hauptseite so aufgeräumt wie möglich ist und ich nicht ewig scrollen muss

Welche Karten findet ihr dafür am besten?
 
Ich nutze fast nur Mushroom Template Cards.

Ich habe eine Übersichtsseite und springe von da in die einzelnen Räume wo ich dann so gut wie nie scrollen muss.

Screenshot_20260520_075118_Chrome.jpg


Screenshot_20260520_075134_Chrome.jpg


Screenshot_20260520_075159_Chrome.jpg


Screenshot_20260520_075211_Chrome.jpg


Für das Tablet in der Küche an der Wand habe ich ein eigenes Dashboard mit Kamerabildern, Wetter und Terminen.

Dashboards zeige ich nutzerspezifisch an, so dass andere Nutzer das Küchendashboard nicht sehen. Oder niemand außer mir das Finanz Dashboard.

Popups finde ich in der Handhabung und der Konfiguration ziemlich umständlich und habe sie daher bis auf eine Ausnahme vermieden.
Das einzige Popup was ich habe sagt mir bei einem langen Touch auf "Lichter EG" welche Lampen noch eingeschaltet sind.
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: TheCadillacMan, frames p. joule, VDC und 4 andere
@SaxnPaule Wie hast du das gemacht das du wenn du auf Wohnzimmer klickst auf die Wohnzimmer karte kommst
das hätte ich halt mit einem Popup gemacht ich klicke auf Wohnzimmer und dann geht das Wohnzimmer Popup auf
aber ist das nicht das gleiche am Ende? ob du zu dem Dashboard navigierst oder ein Popup machst?

du nutzt alles mit Mushroom Template und weniger die richtigen entitäten zb Lichtkarte oder Rolladenkarte usw.
Die Mushroom template finde ich aktuell noch recht kompliziert da man da noch etwas programmieren muss und nicht alles im Editor vorgegeben wird
 
Ich habe versteckte Unterseiten angelegt:
1779259152290.png


1779259192452.png


########################################################################

Und die URL habe ich bei Interaction in der entsprechenden Mushroom Card auf dem Dashboard hinterlegt:

1779259267758.png


Kurzer Tipp: Springt in den Raum
Langer Tipp: Schaltet alle Licher im Raum aus

########################################################################

manatarms123 schrieb:
du nutzt alles mit Mushroom Template und weniger die richtigen entitäten zb Lichtkarte oder Rolladenkarte usw.
Die Mushroom template finde ich aktuell noch recht kompliziert da man da noch etwas programmieren muss und nicht alles im Editor vorgegeben wird
Korrekt. Aber dafür kann ich mir direkt im Dashboard für den jeweiligen Raum anzeigen lassen
  • ob noch ein Fenster auf ist
  • wieviele Lichter an sind
  • wie warm/kalt es ist
  • diverse Aktionen direkt ausführen

manatarms123 schrieb:
das hätte ich halt mit einem Popup gemacht ich klicke auf Wohnzimmer und dann geht das Wohnzimmer Popup auf
aber ist das nicht das gleiche am Ende
Unterseiten lassen sich deutlich einfacher und übersichtlicher konfigurieren und stylen als Popups


########################################################################


manatarms123 schrieb:
Die Mushroom template finde ich aktuell noch recht kompliziert da man da noch etwas programmieren muss
Das ist nur etwas Templating. Hat nicht wirklich was mit Programmieren zu tun. In der Übersicht habe ich noch nichtmal Card-Mod mit drin
1779259636082.png



########################################################################


Tricky wird es, wenn du das Design noch abhängig von Zuständen modifizieren willst. Also farbige rahmen oder drehende Icons zum Beispiel:
1779259855204.png
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: TheCadillacMan, chillking, VDC und eine weitere Person
@SaxnPaule Benutzt du auch für Lampen oder Rolladen oder Heizung die Mushroom Template card oder nutzt du dafür die passende karte wie cover oder climate oder light ?

wie kann ich zb bei der mushroom light card bei meiner Hue lampe die gradient scene hinzufügen?
bei der Bubble card kann man das als Sub button und die entität gradient scene ausgewählen
 
Für Rollläden nutze ich einfach die Tile Card

1779280318232.png


Für Lampen (nutze kein Hue) die Mushroom Light Card.
Mit einem langen Tipp auf die Karte kann man die Details aufrufen und dann alles einstellen.

1779280408442.png


Zum Thema Hue kann ich nichts sagen. Ich habe hier zwei zigbee Netzwerke. Eins mit Conbee (Deconz) und eins mit SLZB-06MU (ZHA).
 
SaxnPaule schrieb:
Für Rollläden nutze ich einfach die Tile Card
das ergebnis sieht identisch aus als wenn man die mushroom cover card nehmen würde

ich habe auch den SMLIGHT Stick aber nutze Zigbee2MQTT (wegen den gradient scene) die sind nicht auf der Detailansicht drauf

die effekte habe ich auch aber die gradient scene sind nochmal eine eigenständige entität unäbhändig von der Lampen entität

ich brauche also eine Karte für die Lampen wo ich einmal die lampen entität hinzufügen kann aber zusätzlich noch eine weitere entität mit einem dropdown button hinzufügen kann um die gradient scene auszuwählen
 
manatarms123 schrieb:
ich brauche also eine Karte für die Lampen wo ich einmal die lampen entität hinzufügen kann aber zusätzlich noch eine weitere entität mit einem dropdown button hinzufügen kann um die gradient scene auszuwählen
Dann probiere es mit Vertical-Stack und packe da zwei Mushroom Cards rein.
 
Also jemand ohne Hue oder überhaupt großartig Beleuchtung mal ne Frage. Ist diese Gradient Scene denn eine Funktion der Lampe? Oder eine eigenständige Entität?

In ersterem Fall müsste es doch gehen eine Kachelkarte zu verwenden und unter Funktionen die Funktion Gradient Scene auszuwählen.
 
Veorr schrieb:
Also jemand ohne Hue oder überhaupt großartig Beleuchtung mal ne Frage. Ist diese Gradient Scene denn eine Funktion der Lampe? Oder eine eigenständige Entität?
Das müsste eine eigenständige Entität die unter MQTT sein
 
Hey ich habe das Thema vor mir hergeschoben weil ich irgendwie keine zufriedenstellende Lösung gefunden hatte

ich will jetzt nochmal das Thema Dashboard Anfangen da ich ja auch mein Smart Home ausbauen will aber dafür muss das dashboard erstmal passen bevor es zu viele geräte werden

Wie und womit würdet ihr die Startseite aufbauen? das ganze Dashboard wird nur am Handy bedient

Welche Karten sollte ich mir fürs Dashboard angucken als Allround Lösung? (spezial Sachen wie graphen oder sonstwas erstmal ausgenommen) erstmal eine Allround Lösung für die gängisten Sachen, Rollo, Heizung usw.

Bubble card und Mushroom card sind da die beiden besten Kanditaten dafür oder?

wie gut ist die Kachelcard geworden kann die mit der Mushroomcard mittlerweile mithalten?
 
manatarms123 schrieb:
Bubble card und Mushroom card sind da die beiden besten Kanditaten dafür oder?
Ja, siehe bisheriger Thread.

Fang doch einfach mal an und gucke wie weit du kommst. Wenn es hakt, wird dir hier sicher geholfen.

Die Erstellung der Dashboards aber auf jeden Fall am PC machen. Das ist am Smartphone viel zu fummelig.

Du musst noch für dich beantworten, ob es sinnhaft ist das Dashboard nach Räumen zu unterteilen oder eher nach logischen Gruppen (Lampen, Heizungen, Jalousien, ...)
Kommt ja immer darauf an, wieviele Räume existieren und wieviel darin smart ist.
 
Zuletzt bearbeitet:
@SaxnPaule Ich glaube ich
ich werde dann mal mit den Unterräumen Anfangen und die Übersicht gaanz rudimentär machen

Einfach eine Kachel karte für den Raum damit ich in die Unterraum Ansichten kommen kann
am schwersten wo ich nie ein Anfang gefunden hatte war die Hauptübersicht gewesen.


Meine Frage wäre noch soll ich die Popups mit der Bubblecard machen?
oder wie du oben beschrieben hast mit vieelen kleinen Unteransichten wo man hin navigiert

Vorteil bei deiner Variante das anpassen ist deutlich einfacher anstatt in der fummeligen popup bubble card

Vorteil bei Bubble card da sieht man deutlich es ist ein Popup und man kann das Hauptdashboard dahinter noch erkennen was weiß immer man ist im Popup drin und man kommt mit dem X oben rechts schnell zurück
 
manatarms123 schrieb:
Meine Frage wäre noch soll ich die Popups mit der Bubblecard machen?
Wie gesagt, ich halte Popups für zu umständlich. Die lassen sich bescheiden konfigurieren und layouten.

manatarms123 schrieb:
Vorteil bei Bubble card da sieht man deutlich es ist ein Popup und man kann das Hauptdashboard dahinter noch erkennen was weiß immer man ist im Popup drin und man kommt mit dem X oben rechts schnell zurück
Ich sehe da keinen Vorteil. Bei meiner Variante kommst du mit dem Pfeil zurück. Und dass man in einem Raum ist sieht man durch die Überschrift auch sofort.

Kannst ja den Räumen andere Designs/Backgrounds geben als dem Dashboard. Dann ist es noch offensichtlicher.
 
  • Gefällt mir
Reaktionen: Der Lord
@SaxnPaule Ich glaube du hast da Recht, das wird auf dauer die bessere Variante sein
die Popup Bubble card ist schon sehr umständlich vorallem wenn man nicht nur 1-2 Karten drin hat sondern einen ganzen Raum


Welche Karte würde sich denn für die einzelnen Entitäten am meisten anbieten? zb Lampe, Rollo, usw

möchte nach möglichkeit so viel die gleiche Karte benutzen wie möglich
damit die bedienung gleich bleibt und optisch alles zusammen passt

Ist da die Bubble Card vorallem für Handy das beste?
die bietet ja alles für alle möglich entitäten und ist sehr kompakt meistens eine Zeile

bei den Mushroom cards kommt man oft auf 2 oder 3 zeilen da ist schnell ein Bildschirm voll
 
Ich habe fast überall die Mushroom Card.
Scroll mal hoch, da ist fast gar nix zweiteilig. Bis auf Jalousien.
 
@SaxnPaule Ich habe jetzt angefangen die Hauptseite zu erstellen ganz easy erstmal mit der Bereichkarte um diese Seite kümmere ich mich später

Ich wollte dich einmal Fragen wie ich die Bereiche am besten aufteile

Erdgeschoss habe ich folgendes Zugeordnet:
Wohn-Essbereich (offen)
Küche (offene Küche aber getrennter Raum)
Flur
Gäste WC

ich frage ich ob ich Garten und Garage zum Erdgeschoss zählen lasse oder in einem ganz anderen bereich zu packe zb Außenbereich

OG und DG sind ja die einzelnen Räume aber wie würdest du das Treppenhaus mit hinzufügen?
wir haben ein offenes Treppenhaus



SO wie ich die Bereiche im Dashboard anlege so werde ich auch die Bereiche in Home Assistant anlegen wo ich alle Entitäten sauber zuordnen kann
 
Das ist doch völlig deiner Phantasie überlassen. Die Bereichszuordnung spielt doch nur bei der Verwaltung eine Rolle und nicht in der Darstellung. Zumindest bei mir. Ich habe pro "Raum" eine eigene (versteckte) Unterseite. Siehe Beitrag #4

Ich habe "Draußen" als eigenen "Raum" angelegt. Siehe Beitrag #2.

Die Bereichszuordnung spielt bei mir nur in der Stromfluss Ansicht eine Rolle. Ansonsten tauchen Bereiche nirgends sichtbar auf.

Bei mir sieht die (ungenutzte) Bereichsaufteilung so aus:
1784892949657.png
 
ich habe es gerne aufgeräumt um später auch immer alles wieder finden zu können.
Wenn die Bereiche für die Entäten genauso sind wie alle Räume ist das für mich einfacher in der Verwaltung hinterher

Ich werde mal was versuchen

kann man unendlich kleine unter dashboards machen oder ist das begrenzt?
 
Zurück
Oben