web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Automate I am trying to convert...

Power Automate

Unanswered

I am trying to convert the html to PDF from power apps but the html is not rendering as it is in html.

(0) Share

Report

Report

Posted on by RamB

Hi, I am trying to convert the html to PDF from power apps. I designed all the html and trying to convert that to PDF. The html is having two tables and they should be next to each other. This is working fine when render as a html but after converting that into PDF using power automate (One drive action "Covert a file") the tables are not setting side by side to each other whereas they are setting one by one.

Any help on this is highly appreciated.

Thanks.

Categories:

I have the same question (0)

All responses Img

All responses (2)

Answers Img

Answers (0)

Sort by

David_MA 15,205 Super User 2026 Season 1 on at

Like
a
(0)

Report
Copy link

Link copied!

I have some pretty complex solutions that convert HTML to PDF and multiple tables and have not had any issues yet. However, I have never tried to put two tables side-by-side. It may be a limitation of PDF that it ignores divs and floats. You need to remember that Adobe Acrobat is not the same as a web browser, so there will be some compromises when you convert the html to PDF. I would check Adobe documentation for its limitations.

Was this reply helpful? Yes No
SanmeshG 1,947 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!
Hi @RamB ,

Based on my experience , the flex property currently does not seem to support in the PDF conversion connector in OneDrive.

one trick way to get around this is to use nested tables as shown below. It may not be a 100% solution but its a good starting point for you. You can try by making more changes in the CSS.

I am adding an image of what I got in the PDF.
<table style="width:100%"> <tr> <td> <table style="width:100% ; border:1px solid"> <tr> <td style="border:1px solid">1</td> <td style="border:1px solid">2</td> </tr> <tr> <td style="border:1px solid">3</td> <td style="border:1px solid">4</td> </tr> </table> </td> <td> <table style="width:100% ; border:1px solid"> <tr> <td style="border:1px solid">1</td> <td style="border:1px solid">2</td> </tr> <tr> <td style="border:1px solid">3</td> <td style="border:1px solid">4</td> </tr> </table> </table> </td> </tr> </table>

Was this reply helpful? Yes No

Join the conversation