cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Anonymous
Not applicable

SVG images not displaying in PDF (OneDrive Convert File action)

Although the OneDrive "convert file" action to convert HTML to PDF appears to be working again for some images, SVG images are still not displaying. They display correctly when the HTML file is opened with any browser I've tested so far, so I'm reporting this as a bug.

 

Unless there's some kind of trick to handling SVG's.

I've tried both <img> tags linking to SVG files, and embedding base64-encoded SVGs within <img> tags. Jpegs seem to show up when embedded inline but not when linked, so embedding seems like it should work. Here's the format of my HTML:

 

<img src='data&colon;image/svg+xml;base64,(base64-encoded SVG)' />

 

Is anyone having the same issue, or has anyone successfully been able to display an SVG in a PDF with the OneDrive convert file action?

3 REPLIES 3
Community Support
Community Support

Hi @Anonymous,

 

Could you please share a screenshot of the configuration of your flow?

Could you please share more details about the SVG image?

 

Please share more details so we would try to provide a proper workaround for you.

 

Best regards,

Alice

Anonymous
Not applicable

These formulas are basically the same, just with different variables, for all of the following steps.These formulas are basically the same, just with different variables, for all of the following steps.Flow2.pngFlow3.pngFlow3.5.pngFlow4.pngFlow2.pngFlow2.5.pngTrigger the flow from this listTrigger the flow from this listhtml file created in OneDrive, opened in browser. This is what I want to make printable.html file created in OneDrive, opened in browser. This is what I want to make printable.pdf downloaded from the e-mail :(pdf downloaded from the e-mail 😞I edited this post a bunch of times. It's really tough to get everything in order in this editor, and apparently impossible to magnify images greater than one screen height. I know there are some extra screenshots posted at the bottom. I think you can figure out what the setup is, though, and hopefully see everything.

I can re-post if you're confused.

Thanks.

Anonymous
Not applicable

Spent all morning trying to do a workaround based on tables with inline PNG's of the data bars scaled to a dynamic width.

This was the best I could come up with:tables.PNG

 

It gets worse. Here's how that renders in browser:

Almost looks correctAlmost looks correct

Here's what it looks like if I paste the exact same HTML into an e-mail:

 

Outlook desktopOutlook desktop

In Outlook webappIn Outlook webappWhat standards does this HTML rendering engine support? What standards does Outlook Desktop app and Outlook Webapp support? It's very difficult to design content without knowing what's supported.

Helpful resources

Announcements
PP Bootcamp Carousel

Global Power Platform Bootcamp

Dive into the Power Platform stack with hands-on sessions and labs, virtually delivered to you by experts and community leaders.

secondImage

Power Platform Community Conference On Demand

Watch Nick Doelman's session from the 2020 Power Platform Community Conference on demand!

MPA Community Blog

Power Automate Community Blog

Check out the community blog page where you can find valuable learning material from community and product team members!

Top Solution Authors
Users online (6,173)