Dargestellt auf den Screenshots sind nur die Reihen “he” und “a”.
“he” ist type: vertical-stack
“a” ist type: horizontal-stack
Die restlichen Areas dienen für Custom:bubble-card Popups und sind nicht sichtbar. Auf dem Tablet läuft Fully-Kiosk mit deaktiviertem vertikalem Scrollen
Vielen Dank für Eure Mühe. Die Fehlermeldung taucht hiermit nicht mehr auf:
icon_color: '{{ ''blue'' if states(entity,''on'') else ''orange'' }}'
Allerdings passiert auch nichts. Sprich: Selbst wenn eine Präsenz erkannt wird, bleibt das Icon blau. Kann er vielleicht mit der Entität “on” nichts anfangen?
Und noch eine weitere Fragen:
Wie kann ich die Chips manuell positionieren? Icon- und Schriftgröße verändern sehe ich ja im Code, aber außer “margin-top” sehe ich keine weitere Einstellmöglichkeit bei den Chips selbst. Und ehrlich gesagt, verstehe ich auch nicht, was diese Einheit “margin-top” bewirkt. Ich spiele mit den Zahlen rum, bis es für mich einigermaßen ok ist, aber so richtig schlau werde ich daraus nicht.
So etwas wie “alle in einer Reihe” oder einer Anzahl Spalten, etc. wäre hilfreich. Und natürlich dass die Chips dann automatisch zentriert werden, wenn ich die gewünschte Anordnung habe.
Comander hat Recht.
Wichtiges Detail: Im YAML-Modus muss der ganze String in Anführungsstrichen stehen, im IU-Modus aber nicht. Ich habe es im dem UI-Modus rauskopiert.
@Comander@Alex
Vielen vielen Dank!!!
Jetzt funktioniert alles und ich hab dank Euch wieder was gelernt!
Wenn Ihr mir noch weiter helfen wollt, dann bin ich natürlich sehr dankbar. Wenn Euch das ständige Lösen meiner Probleme/Wünsche auf den Zeiger geht, verstehe ich das aber absolut!
Zum einen geht’s mir um die Anordnung der Chips. Ich weiß, mit Margin kann ich da mit px-Angaben spielen. Die von Dir, Alex, verlinkte Seite mit den Margins hab ich mir auch angeschaut. Aber gibt es nicht so eine Funktion / Code der die Chips anhand der Anzahl der Columns horizontal oder vertikal und ansonsten mittig ausrichtet?
Außerdem: Kann man bei den Custom Button Cards eine Art Layout-Automatismus hinterlegen? Am Desktop im recht breiten Browser-Fenster ist soweit alles fein. Habe ich ein etwas schmaleres Fenster, verschieben sich die Icons, bzw. Karten entsprechend. Geht sowas auch bei den Custom Button Cards?
Und dann hab ich noch folgendes:
Ich hab in der Karte rechts unten (Lampen-Icon und “Aus”, Bett-Icon, etc.) Lampen mit Toggle-Action versehen. Das hab ich tatsächlich hingekriegt…
aber ich hätte hier auch gerne blau = aus und orange = an. Und das Wort “Aus” soll nicht erscheinen, aber mit “show_state: false” kam ich nicht weiter…
(Und auch hier wäre eine horizontale Anordnung schön…
Wie kann ich mir hier die Watt-Anzeige und/oder auch den Namen (Heizung) je nach Zustand der Leistung farbig ändern lassen? Heizung bei < 7 Watt = grün, bei über 7 Watt orange und bei über 70 Watt rot?
Die Template-Strings funktionieren nicht in einem Entity-Chip, da musst du ein Template-Chip nehmen.
Außerdem heißt es beim Entity-Chip nicht content: '', sondern content_info: none
Du hast grundsätzlich einen ähnlichen Aufbau vom Dashboard her. Mich interessiert, wie du das gemacht hast, das oben deine Navigation stehen bleibt, und der untere Bereich wechseln kann.
Könntest du mir da bitte etwas Hilfestellung geben? Besten Dank
Das mit der Layout-Card hab ich mir angeschaut, aber ad hoc nicht verstanden.
Das mit mehreren Chip-Karten hab ich schlichtweg über sehen, aber nun nachgeholt. Bin zwar mit dem Layout noch nicht ganz glücklich, aber es ist wieder eine Option, die ich von Dir gelernt habe.
Soweit ich das bisher verstanden habe, unterscheiden sich die verschiedenen Karten nicht nur in ihrer Funktion oder ihrem Look, sondern auch in den Gestaltungsmöglichkeiten.
Die Button-Card gefällt mir von der Farbgebung der einzelnen Chips sehr gut. Leider kann man die Chips nicht plump an einem Raster anordnen und die Button Card bzw. die Chips selbst reagieren nicht dynamisch auf unterschiedliche Displays. Sprich im Browser auf dem Rechner kann es sein, dass ein Chip abgeschnitten dargestellt wird und auf dem Handy korrekt oder umgekehrt.
Die Glance-Karte oder die Slider-Button-Card lassen sich wiederum in ihrer Höhe nicht manuell einstellen. Bei der Slider-Button-Card kann man noch “compact” auswählen, aber das war’s dann. Dafür werden in der Glance-Card die Icons an einem Raster / Columns angeordnet und reagieren dynamisch auf das Display auf dem die Karte dargestellt wird.
Und dann sind die YAML-Befehle je nach Karte bzw. Chip anders wie ich bei der Namenseinblendung content: ’ ’ oder content_info: none gelernt habe.
Ist mein Resümee soweit richtig?
Nebenbei hab ich mal probiert, via ChatGPT den YAML-Code basteln oder korrigieren zu lassen. Das funktioniert leider fast gar.
Tolles Dashboard ! Respect. Ich bekomm bei mir nie richtig Ordnung rein, immer gibts was Neues zum Basteln.
Aber eines finde ich absolut nicht gut: Meine Patentochter heist “Emma” was meinst Du was hier los ist, wenn ich ihr sage: Ich kenn jemanden, dessen Waschmaschine Emma heist! Bitte abändern, Du bringst mich in Teufels Küche.
Ich wollte ich mal kurz bei Euch bedanken!
Durch Eure Hilfe hab ich jetzt mehr verstanden und bin nicht mehr an jeder Kleinigkeit verzweifelt
Die Funktionalität und die Optik sind jetzt deutlich besser und vor allem übersichtlicher als vorher. In Sachen Layout noch nicht perfekt und die große Glance-Karte muss ich noch durch Custom Button Cards ablösen, aber deutlich besser als vorher und bis auf die Batterie-Anzeige diverser Geräte (auf dem Screenshot nicht zu sehen), habe ich nun alles andere direkt auf einer Seite auf dem Handy hingekriegt (ja, ich bin ein Freund von einem Dashboard für alle Geräte).
Ich stell jetzt auch mal mein Dashboard/Zentrale Infoquelle vor, wenn man es so bezeichnen möchte
Ist ein 55 Zoll Samsung TV hochkant auf die Wand montiert mit einem Infrarot-Touch-Rahmen. Alles zusammen ist auf der Rückseite des TV an einem CSL Mini PC-Stick angeschlossen auf welchem Windows 11 läuft welcher aber eigentlich nur als Browser fungiert.
