HTML CSS styling limitations for the PDF conversion (Flow)

(1) Share

Report

Posted on by lk777

124

Is there any information on what CSS styling is accepted and what is ignored/rejected by the PDF Conversion (Flow)?

I am testing the nested div (containers aligned side by side) in the HTML file and tried both Float and Flexbox to no avail.

Using tables for formatting is what I am trying to avoid.

Any help would be greatly appreciated.

Categories:

Building Power Apps

I have the same question (0)

All responses (4)

Answers (0)

Sort by

Max44 223 on at

Like
a
(1)

Report
Copy link

Link copied!

When using the Internet Explorer based HTML to PDF option (the default in pre 8.3 releases, from 8.3 onwards the Print CSS media type is enabled by default), the PDF Converter does not go through Internet Explorer's print processing engine, so any print specific CSS entries are not used. If you have control over the page that is being converted then you can add some logic inside the page that looks at a query string parameter ( e.g. ?pdfconversion=true). Based on this parameter being present you can then emit different CSS / HTML that improves the formatting, e.g. a different page width. In SharePoint this can be achieved by modifying the master page or inserting a hidden 'content editor web part'.
PDF Conversion starts the moment a page 'finishes loading'. This generally works well, but some modern web pages rely on JavaScript to render part (or all) of the page. There is no way for our software to detect when the JavaScript has finished executing, as a result the converted PDF may only show partial information. As a workaround consider specifying a 'ConversionDelay' in our configuration file. Start with a high value (e.g. 30000 = 30 seconds) and if that works lower it to a more reasonable figure, often it just requires a value of 1000 (1 second)

Was this reply helpful? Yes No
lk777 124 on at

Like
a
(0)

Report
Copy link

Link copied!

In my question I meant PowerApp (HTML) - to - Power Automate (flow) /OneDrive4Business PDF conversion.

Was this reply helpful? Yes No
Community Power Pla... Microsoft Employee on at

Like
a
(1)

Report
Copy link

Link copied!

@lk777 Did you ever resolve this issue? I am running into the same problem currently.

Was this reply helpful? Yes No
gogamewise 34 on at

Like
a
(0)

Report
Copy link

Link copied!

I'm also running into this issue - images inside a flex container simply don't appear in my converted pdf, whereas images by themselves appear.

Is there a list somewhere of what CSS works and what doesn't even margin on the img element seems to be completely ignored 😕

Was this reply helpful? Yes No