Displaying Images

gilgi — Fri, 01 Dec 2023 12:13:19 GMT

Question:

As part of an application help I want to display images. I've put them in the assets folder and am accessing them, but they are not displayed. Furthermore, I'm seeing the the developer tools that for some reason, they are being downloaded as HTML instaed of images.

I'm using a standard img tag as in the the workflow creator sample app (https://github.com/Dynatrace/automation-workflow-creator/blob/main/src/app/components/WorkflowCard.tsx).

Am I missing some definitions that should be done?

Gil.

Re: Displaying Images

stefan_eggersto — Mon, 04 Dec 2023 10:06:49 GMT

Hi @gilgi ,

This repo has the assets folder re-configured; see automation-workflow-creator/app.config.ts at main · Dynatrace/automation-workflow-creator · GitHub.

I'd suggest to stick to the default value and use the folder structure of the default template:

put your images into src/assets
reference them from your code (e.g. for the src attribute of images) as ./assets/<your-image.png>

Let me know if this works!

topic Re: Displaying Images in Developer Q&A Forum

Displaying Images

Re: Displaying Images