Skip to main content

Hi everyone,

I’m exploring the idea of creating a view for supplier evaluations where the supplier’s logo changes dynamically – meaning the correct logo is displayed depending on the selected supplier.

My idea was to use a variable in the image component to call the specific URL for each logo. Currently, this doesn’t seem to be possible.

Is this something you are looking into, or are there any workarounds? I’d love to hear your experiences.

Thanks & best regards,

Jan

Hello Jan,

 

I just tried following in an Image Component with URL Image-Source:

https://${var_test} 

Maybe the YAML is more speaking for itself:

      - id: image-v2-183014f1-f7df-4a0e-877e-2967f82131b9
type: image-v2
settings:
fit: fit
styles:
position:
vertical: center
horizontal: center
background: transparent
imageSource: url
src: https://${var_test}

 

There is a validitation of the URL which is running before Celonis replaces the variable by the variable-value - the validation checks if the URL starts with https://

I populated the variable with the URL to an Image I found on the Celonis website - I cut the https:// from it so it forms together with the https://, which is already set in the component, an valid URL

The result is, that the image component is correctly displaying the Image I want to display. 

 

Maybe this approach to use variables in the image component already helps you?