Style attribute bind with a variable array

Wappler General Need Help
1

Hi All,
I’m desiging a menu with <ul><li> structure and images. Because i want my images to be customized i do not want to hardcode the url of the background images. So i try to bind the background-image attribute to an array loaded with server connect and and variable populated with toKeyedObject() function.
In the code example below:

  • the fist line is hardcoded and works (hopfully :slight_smile:)
  • the second line is binded but does not work. However, i can verify that {menu_array.value.M_000_HOME}} is correct.
    image
    image.png884×118 6.33 KB

    the result in image:
    image
    i should have two “Home” button.

How is the correct syntax for binding in this context ?

Thx.

2

How, i finally found what was worng.

Here is the correct syntax:
dmx-style:background-image="url({{menu_array.value.M_000_HOME}})"

Hope it’ll help