Skip to main content

I am trying to upload FK company logo using YAML script in new view. Below is the coding of image uploading. I am not getting any error however image is also not appearing in front end.

Please Help.

 

id: image

    type: image

    settings:

      src: data:image/png;base64,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

The 'src' is the online source of the image (I'm not sure you can upload an image if not online).

Try to obtain a logo in your client's website, for instance, right click to copy image address and paste after src


Thanks Ricardo, I am trying to take a company logo from one of the analysis.. can not copy image address from analysis

Any other solution?


Try it out from the client's website or even google the logo (ideally your client would have a repository of images which can be used in such situations). And no, you can't copy the one in analysis :P


Hi @apurva.patha12,

 

I expect that images are loaded the same way as in the old Studio views. Next to using a link to an external source, you should be able to use the Base64 format too, but use a bit different syntax: https://docs.celonis.com/en/images.html#UUID-314173ee-09d5-8891-7778-a320fac8f3cf_section-idm4569829623956833907349903573


I am trying to do the same, but using YAML to add the new image fails.

 

The image(SVG) is hosted on wikipedia, and when I am using the same YAML script with the legacy views, I am able to successfully load the image in my view.

 

Please suggest, how I can upload an image in the new views, since there is no upload image drag and drop component yet.

 

Thank you


Reply