cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
RameshMukka
Post Prodigy
Post Prodigy

Losing HTML formatting while converting to PDF

I have a simple HTML file template where am populating values from SharePoint list item in it dynamically while running the flow. The final html after populating values looks like below.

 

RameshMukka_0-1600886933451.png

After the step (Ondrive)"Convert File" and creating file pdf, it looks like below after loosing all formatting. How can I retain the formatting? What is the best and efficient way to convert SharePoint list item to PDF with formatting. I dont want to go for any premium connectors. Please help.

 

RameshMukka_2-1600887066635.png

 

2 REPLIES 2
v-alzhan-msft
Community Support
Community Support

Hi @RameshMukka ,

 

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

I suggest that you could select the required column in the list, create html table to it , send create a html file in OneDrive with the html table, and finally you could convert the html file to a pdf file.

 

Best Regards,

Alice

 

Community Support Team _ Alice Zhang
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

It appears my html is referring to an external site for css and flow not able to process it. Is that a limitation for flow? How to bypass that limitation?

 

<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<style>
input, textarea{width:100%; border:none; border-bottm:1px solid;}
table, th, td{ border: 1px solid black;text-align: center;}tr, td{padding: 10px}
</style>
</head>
</body>
<div class="container" style="margin-bottom:30px;">
<div class="row" style="max-width: 800px;margin: 0px auto;">
<form style="margin:30px 0px;">
<div>
<div class = "col-md-6">
<h4><strong>Credit Payment Voucher</strong></h4>
</div>

<div class = "col-md-6">

<div class = "col-md-4"> <label>Voucher No: </label>
</div>

Helpful resources

Announcements
Power Automate News & Announcements

Power Automate News & Announcements

Keep up to date with current events and community announcements in the Power Automate community.

Power Automate Community Blog

Power Automate Community Blog

Check out the latest Community Blog from the community!

Top Solution Authors
Users online (3,933)