[OH4] style background über props

[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

[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.

[Nosch]

....so sollte es gehen:

Code: Alles auswählen

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

Super, das funktioniert.

Vielen Dank!!!

Viele Grüße
Norbert

[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