Dashboard Hintergrund ändern

Dashboards
1

Hallo zusammen,

Ich habe mir vor Monaten ein eigenes Dashboard gebastelt mit einem eigenen Hintergrund. Nun ist es leider so, dass ich absolut vergessen habe, wie ich dieses Hintergrundbild in das Dashboard und in jede einzelne Ansicht bekommen habe.

Kann mir da eventuell jemand einen Tipp geben, wie ich das Hintergrundbild wieder ändern kann beziehungsweise wie ich es für jeden Abschnitt individuell gestalte

Vielen Dank im Voraus. Ich habe vorab im Forum gesucht, aber nichts dergleichen gefunden.

LG

Stefan

2

Hallo @Mirakuru,

:blue_heart: - lich willkommen im Forum!

  • Dashboard bearbeiten auswählen.
  • Oben rechts auf die drei Punkte klicken und Raw-Konfigurationseditor wählen
  • ganz unten, am Schluss des Codes einfügen :
  • background: center / cover no-repeat url(/local/water.jpg)

Die Bild-Datei, hier im Beispiel water.jpg, muss im Ordner www liegen.

                  name:
                    - color: white
            styles:
              card:
                - border-radius: 15px
                - height: 120px
                - transition: all 0.5s ease
              grid:
                - grid-template-areas: '"i" "n"'
                - grid-template-rows: 1fr auto
              name:
                - font-size: 18px
                - padding-bottom: 5px
              icon:
                - width: 60%
            tap_action:
              action: none
    cards: []
background: center / cover no-repeat url(/local/water.jpg)
5 „Gefällt mir“
3

Grüß dich @Mirakuru und willkommen in dieser Gemeinschaft. :+1: :waving_hand:

3 „Gefällt mir“
4

Vielen Dank für die schnelle Rückmeldung.

Danke zudem für den herzlichen Empfang.

3 „Gefällt mir“
5

Nich eine Frage :face_with_peeking_eye:

Wie bekomme ich die Datei da rein?

6

Dafür brauchst du Samba share

image
image588×177 12.6 KB

Unter Home Assistant OS lässt sich Samba Share direkt installieren:

  1. Home Assistant öffnen.
  2. Einstellungen → Apps → App installieren aufrufen.
  • Bei älteren Versionen heißt der Bereich Add-ons → Add-on-Store.
  1. Nach „Samba share“ suchen.
  2. App auswählen und Installieren anklicken.
  3. Unter Konfiguration einen eigenen Benutzernamen und ein sicheres Passwort eintragen.
  • Diese Zugangsdaten sind unabhängig von deinem Home-Assistant-Konto.
  1. Nur benötigte Freigaben aktivieren, beispielsweise:
  • config für die Home-Assistant-Konfiguration
  • backup für Sicherungen
  • media für Mediendateien
  • share für gemeinsam verwendete Dateien
  1. Konfiguration speichern.
  2. Unter Informationen die Optionen Beim Systemstart starten und Watchdog einschalten.
  3. App starten.

Offizielle Anleitung: Home Assistant – Samba Share

Zugriff unter Windows

Im Datei-Explorer in die Adresszeile eingeben:

\\homeassistant.local\config

Falls das nicht funktioniert, die IP-Adresse von Home Assistant verwenden:

\\192.168.x.x\config

Danach den in Samba Share eingerichteten Benutzernamen und das Passwort eingeben. Die IP-Adresse findest du unter:

Einstellungen → System → Netzwerk

Damit Windows die Freigabe erreichen kann, müssen Computer und Home Assistant mit demselben lokalen Netzwerk verbunden sein – in deinem Camping-Setup also beide mit dem TP-Link-Router.

Samba niemals durch eine Portweiterleitung aus dem Internet erreichbar machen. Die Freigabe sollte ausschließlich im lokalen Netzwerk bleiben. Für deinen Zweck würde ich nur config und gegebenenfalls backup freigeben. Die aktuelle App-Konfiguration ist in der offiziellen Samba-Dokumentation beschrieben.

Ich habe auf meinem PC ein entsprechendes Netzaufwerk eingerichtet. Damit habe ich vollen Zugriff auf die Dateien zB. im Ordner www

image
image1410×1362 105 KB

BTW - um den Hintergrund einzelner Karten zu setzen, habe ich Folgendes gemacht.

image
image2583×1063 304 KB

1 „Gefällt mir“
7

Danke für die ganzen Antworten. Hat mir sehr geholfen.

1 „Gefällt mir“
8

Herzlich Willkommen Stefan,

warum den Upload so Kompliziert machen, über Studio Code Server ist ein Upload Butten direkt in z.B. www/

www1
www1360×408 10.5 KB

2 „Gefällt mir“
9

Korrekt!
Studio Code Server ist ein gutes Tool und einfache Möglichkeit Dateien zu handeln.
Allerdings möchte ich auf Samba share nicht verzichten, da ich den HA-Ordner gerne als Netzlaufwerk im Windows-Explorer habe. Damit geht Drag&Drop auch ganz gut.
Studio Code Server hat noch wesentlich mehr zu bieten, als Samba share, z.B. den Editor mit integrierter Syntaxprüfung und automatische Vervollständigung.
Aber ich arbeite sehr selten mit YAML.

1 „Gefällt mir“