Using and url propertie as background image

Setup, Configuration and Use Widgets
1

Hello,

I tried to add a background image to my widget via a property field

here is my configuration

[...]
description: URL to show in the frame
      label: ImgSourceURL
      name: ImgSourceURL
      required: true
      type: TEXT

[...]
background: =({props.checkvalue:props.ImgSourceURL})[@@props.checkitem]||
      'linear-gradient(black, black), props.ImgSourceURL'
[...]

and the widget config in the page

component: widget:Cell_Card_Activity
config:
  checkitem: WohnzimmerActivity
  checkvalue: Film
  command: Film
  commandOff: PowerOff
  commandOn: Film
  controlitem: WohnzimmerActivity
  header: TV Wohnzimmer
  title: Aktiv
  ImgSourceURL: /static/images/lg-oled55b39la.png

but it’s not showing the image.

if I use a hard coded url everything is showing

[...]
description: URL to show in the frame
      label: ImgSourceURL
      name: ImgSourceURL
      required: true
      type: TEXT

[...]
background: =({props.checkvalue:'url(/static/images/lg-oled55b39la.png)'})[@@props.checkitem]||
      'linear-gradient(black, black), 'url(/static/images/lg-oled55b39la.png)'
[...]

I guess there is an error with the quotation marks

can you help me to solve this issue?

2

You miss the ‘url()’ in the property field

i.e.

background-image: ="url(" + props.background + ")"