Question: Adding images in html for the help button

,
1

Hi team,

I am trying to add some images in the instructions.html file which I am pointing to the help button. I do not seem to able to render the images. However the html is correct since I tested it separately. I was wondering if Prodigy has the ability to display images within the help html. Below is a screenshot of how it is getting rendered.
image

The html code block for this is

<style>
    img {
      max-width: 50%;
      height: auto;
    }
  </style>
<img src="Important_scrnsht.png" alt="Reminder to save">
<img src="Process_flow.png" alt="Process flow">

Can you help me on this please?

Thank you
Sagnik

2

Hi! From your code, it looks like you're including the relative paths to your images, so that might be the problem – once the server starts under localhost, these paths aren't available. This is kinda similar to how it works if you're hosting a website etc.

One simple solution would be to upload the images somewhere and use their hosted paths starting with https://. You can use something like an S3 bucket, Imgur or any other file hosting.

3

Thanks for the response.