How can i display svg url in the table?

  1. I have an image URL whose extension is svg.
  2. My retool table is displaying that URL as an error.
  3. I have already selected that column as an image URL from the table settings but it's not working.
  4. please guide

Hey @atom369_42, welcome to the community :hugs:

Try changing the column type to html and hardcoding the <img> tag. Something like:

<img src="{{self}}" />

Does that work for you ?

1 Like

No. I have tried this earlier also.

Is the SVG link publicly accessible and do you think you could share it with us for testing? I'm also curious to know if there are any errors showing up in your browser dev tools when trying to render the image :thinking:

https://atom36942-production.s3.amazonaws.com/16ed9dd1-deaa-46ff-a95d-2b1ec735cffd.svg

Yes, the url is public.

It looks like the Content-Type is set to binary/octet-stream by S3 which is prompting the browser to download the image instead of displaying it inline. Can you try switching the content time to image/svg+xml or similar as described in this stackexchange post? (You can compare https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/atom.svg for reference).


1 Like

will check this..thanks