Wenn du von card-mod zu UIX wechselst, musst du an deinem Dashboard-YAML eigentlich erst mal gar nichts ändern. Die alte Konfiguration läuft einfach weiter. Ich wollte trotzdem Ordnung in meinen Dashboards haben. Auf die Suche nach jeder einzelnen card-mod-Stelle von Hand hatte ich allerdings wenig Lust. Deswegen habe ich mir ein kleines Online-Tool gebaut. Du kopierst dein Dashboard-YAML hinein, das Tool zeigt dir jede Fundstelle mit Zeile an und gibt dir am Ende die umgestellte Fassung zum Kopieren. Weil ich das sowieso für mich gebaut habe, kannst du es jetzt auch einfach nutzen. Wie das Ganze funktioniert und wie es bei einem echten Dashboard von mir aussieht, zeige ich dir hier Schritt für Schritt.
Warum dein card-mod-Code unter UIX weiterläuft
Wenn du schon zu UIX umgezogen bist oder das gerade vorhast, hast du erst mal keine Probleme. Deine ganze Konfiguration mit den card-mod-Auszeichnungen funktioniert unter UIX weiterhin. Dein Dashboard bricht also nicht plötzlich zusammen, nur weil du gewechselt hast.
Aufräumen ist trotzdem sinnvoll, wenn du alles auf einem sauberen, aktuellen Stand haben willst. Dafür müsstest du im YAML-Code nach allen card-mod-Auszeichnungen suchen und sie in die UIX-Schreibweise ändern. Bei einem Dashboard mit vielen gestylten Karten kommt da schnell einiges zusammen.
Was sich beim Umstieg genau ändert und worauf du achten solltest, habe ich schon ausführlich erklärt. Das wiederhole ich hier nicht noch mal. Den Link zu dieser Erklärung findest du direkt auf der Seite des Tools.
Dashboard-YAML aus Home Assistant kopieren
Als Erstes brauchst du den YAML-Code des Dashboards, das du umstellen willst. Dafür öffnest du das Dashboard in Home Assistant und klickst auf den Stift Dashboard bearbeiten. Danach öffnest du über die drei Punkte den Raw-Konfigurationseditor.
Im Editor markierst du einfach den kompletten Inhalt und kopierst ihn raus. Das Tool braucht das ganze Dashboard, damit es auch wirklich jede Stelle findet.
card-mod im Tool zu UIX umstellen
Das card-mod zu UIX Tool findest du auf alles-automatisch.de bei den Tools. Dort fügst du deinen YAML-Code in das Eingabefeld ein. Wenn du erst mal nur schauen willst, wie das Ganze aussieht, klickst du auf „Beispiel laden“.
Das Tool sucht dann alle Vorkommnisse von card-mod aus deinem Code raus. Weiter unten stehen alle Fundstellen in einer Übersicht. Dort kannst du in den Zeilen nachgucken, was genau gefunden wurde. Die Stellen, die geändert werden, sind hervorgehoben.
Selbst ändern musst du dabei nichts. Ein Klick auf „Umgestellte Fassung kopieren“ legt dir den neuen Code in die Zwischenablage. Danach wechselst du zurück in Home Assistant, fügst ihn im YAML-Editor ein und speicherst. Damit ist dein Dashboard von den alten card-mod-Auszeichnungen befreit.
Test am Pflanzen-Dashboard
Ausprobiert habe ich das Ganze mit meinem Pflanzen-Dashboard. Da sind ein paar card-mod-Anpassungen drin und das Tool hat insgesamt 16 Stellen gefunden. Die Fundstellen kannst du dir unten noch mal genauer anschauen, falls dich interessiert, was da alles umgestellt wird.
Danach habe ich die umgestellte Fassung kopiert, in Home Assistant eingefügt und gespeichert. Das Dashboard sieht genauso aus wie vorher. Der einzige Unterschied ist, dass card-mod im Code jetzt nicht mehr vorkommt.
Zum Gegenchecken bin ich noch mal in den Raw-Konfigurationseditor gegangen. Den Code habe ich erneut kopiert und ins Tool eingefügt. Das Ergebnis war „Kein card-mod gefunden“. So kannst du ziemlich einfach prüfen, ob wirklich alles erwischt wurde.
Fragen zum Umstieg und Feedback zum Tool
Unter dem Tool habe ich ein paar weitere Themen und Fragen erklärt, die mir zum Umstieg immer wieder gestellt wurden. Falls du also noch Erklärungsbedarf hast, lohnt sich ein Blick dorthin. Über den Link auf der Seite kommst du auch zur ausführlichen Erklärung mit allen Änderungen.
Das Tool ist noch ziemlich frisch. Wenn dir etwas fehlt oder bei deinem Dashboard Fehler auftreten, sag mir auf jeden Fall Bescheid. Hast du schon auf UIX umgestellt oder lässt du deinen card-mod-Code erst mal so, wie er ist?
Weiterführende Inhalte
- card-mod zu UIX Tool: Dashboard-YAML einfügen, Fundstellen ansehen, umgestellte Fassung kopieren
- UIX statt card-mod: So gelingt der Umstieg in HA: Was sich beim Wechsel ändert und wie du UIX installierst
- Home Assistant card-mod: Individuelles Styling & Shadow DOM nutzen: Die Grundlagen zum Styling, die unter UIX weiter gelten
- Home Assistant: Animierte Karten mit Mushroom Cards und CSS: Animationen per CSS für deine Karten
