Seite 1 von 1

[OH4] style background über props

Verfasst: 21. Jan 2024 23:43
von Nosch
Hallo,
ich möchte das Hintergrundimage in meinem Custom-Widget per Parameter setzen.
Wenn ich per UI den Parameter "/static/bg.png" eingebe, dann möchte ich diesen Parameter als background verwenden.
Leider kann ich die richtige Syntax nicht finden.
Hier ist mein abgespecktes Codebeispiel (natürlich ist immer nur eine der beiden letzten Zeilen drin):

Code: Alles auswählen

props:
  parameters:
    - description: Background image
      label: Background image
      name: imageBackground
      required: false
      type: TEXT
component: f7-card
config {}
slots:
  default:
    - component: f7-card-content
      config:
        style:
          background: url(/static/bg.png)                            #### funktioniert ####
          background: url(props.imageBackground)           #### funktioniert nicht ####
Vielen Dank und viele Grüße
Norbert

Re: [OH4] style background über props

Verfasst: 22. Jan 2024 20:45
von peter-pan
....so sollte es gehen:

Code: Alles auswählen

background-image: ="url(/static/" + props.imageBackground + ".png)" 
Als Eingabe wird dann nur der Name des Bildes eingegeben.

Re: [OH4] style background über props

Verfasst: 23. Jan 2024 11:19
von Nosch
peter-pan hat geschrieben: 22. Jan 2024 20:45 ....so sollte es gehen:

Code: Alles auswählen

background-image: ="url(/static/" + props.imageBackground + ".png)" 
Super, das funktioniert.

Vielen Dank!!!

Viele Grüße
Norbert

Re: [OH4] style background über props

Verfasst: 23. Jan 2024 12:15
von peter-pan
...gerne ;)

Ist halt nicht ganz so flexibel. Evtl. müsste man die Sonderzeichen noch irgenwie "maskieren". Hatte aber keine Lust, dass noch auszuprobieren
:lol: :lol: ;) :ugeek: