[gelöst] Pfadangaben in widgets

[Sharki]

Moin

ich brauche wohl Nachhilfe. (Raspi 4 mit aktuellem openhabien)
Ich möchte in einem widget ein Backgroundimage einbinden.
Komme aber nicht richtig weiter. Ich kann das Image über einen lokalen Server (NAS) einbinden und es wird auch angezeigt.
Wenn ich das ganze aber local auf dem Raspi speichere, wird das nix.

Der Speicherort auf dem Raspi ist /etc/openhab/html.
Die lokale URL /static oder auch /static/pictures funktionieren nicht.

die Zeile im Code mit background2 ist nur ein Platzhalter für den eigentlichen code später

Code: Alles auswählen

    - component: f7-block
         style:
          background-image: url(/static/pictures/SkyLineTag.png)
          background2: "=dayjs().format() >= items['Lokale_Sonnendaten_Rise_Start'].state && dayjs().format() < items['Lokale_Sonnendaten_Set_Start'].state  ? 'no-repeat 100% / cover url(' + props.backgroundUrlDay + ')' : 'no-repeat 100% / cover url(' + props.backgroundUrlNight + ')'"
          background-size: contain
          background-position: center bottom
          width: 100%
          height: 100%
          position: absolute
          top: 0
          left: 0

Wie ist den die Pfadstrucktur von openhab auf dem raspi abgebildet ?

Grüße Hajo

[udo1toni]

Lass mal den führenden Slash weg.

Ansonsten kann es auch sein, dass Du den absoluten Pfad mit angeben musst.

[peter-pan]

Ich hab das bei mir so eingestellt:

Es gibt da einen kleinen Unterschied zwischen den Parametern "background-image" (f7-block) und backgroundImage" (oh-location-card). Damit verbunden ist auch die Schreibweise der Parameter-Variablen(wenn man das so nennen darf/kann/soll ...)

Code: Alles auswählen

              - component: f7-block
                config:
                  style:
                    background-image: url(http://192.168.178.38:8080/static/picture/OpenHAB_logo_2.svg)
                    background-position: center
                    background-repeat: no-repeat
                    background-size: contain
                    height: 100px
                    left: 30px
                    margin-top: 0px
                    opacity: 100%
                    padding-top: 0px
                    position: absolute
                    top: 90px
                    width: 50%
      gHof:
        - component: oh-location-card
          config:
            backgroundImage: https://community-openhab-org.s3-eu-central-1.amazonaws.com/original/2X/7/7d388a86c95471f89b1bb911d96d7609a3e3a059.svg
      gHome:
        - component: oh-location-card
          config:
            invertText: false
          slots:
            glance:
              - component: f7-block
                config:
                  style:
                    background-image: url(http://192.168.178.38:8080/static/picture/haus.jpg)
                    background-position: left
                    background-repeat: no-repeat
                    background-size: contain
                    height: 260px
                    left: 0px
                    margin-top: 0px
                    opacity: 65%
                    padding-top: 0px
                    position: absolute
                    top: 0px
                    width: 60%
      gInnen:
        - component: oh-location-card
          config:
            backgroundImage: https://community-openhab-org.s3-eu-central-1.amazonaws.com/original/2X/7/7d388a86c95471f89b1bb911d96d7609a3e3a059.svg

Unter "backgroundImage" habe ich eine externe URL verlinkt (openHAB-Logo).

Hier auch noch die Schreibweise in einer Equipment-Card:

Code: Alles auswählen

        - component: oh-equipment-card
          config:
            backgroundColor: lime
            backgroundImage: /static/picture/play3nnn.jpg
            invertText: false

Vielleicht hilft das weiter. Bei mir klappt's so jedenfalls

[Sharki]

Moin

und schönen Dank für die Unterstützung.

Aber es will nicht bei mir.

Code: Alles auswählen

 background: ="no-repeat 100% / cover url(http://192.168.1.17/Backup/openhabian/SkyLineRodgauTag.png)"
 background-image: url(http://192.168.1.17/Backup/openhabian/SkyLineRodgauTag.png)

geht beides. Sobald ich aber auf den Raspi mit openhabian zugreifen möchte nix.
weder

Code: Alles auswählen

static/picture/SkyLineRodgauTag.png
/static/picture/SkyLineRodgauTag.png
static/SkyLineRodgauTag.png
/static/SkyLineRodgauTag.png
oder auch
http://192.168.1.40/static/picture/SkyLineRodgauTag.png
http://192.168.1.40:8080/static/picture/SkyLineRodgauTag.png

Ich tippe ja mal eher auf openhabian und die Verzeichnis oder Rechte Strucktur.
Nur wie gehe ich da ran ?

LG Hajo

[Sharki]

ich nochmal,
mit dem letzten Satz meines vorherigen Postes kam die Erleuchtung.
Ein Aufruf von index.html hat funktioniert, die Bilder gingen nicht.
ls -l lieferte das Ergebnis, beide Bilder hatten root:root als owner:group.
Ändern auf openhab:openhab und alles läuft.

Trotzdem lieben Dank.

PS. wie setzt man den Thread auf "gelöst" ?