cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
RameshMukka
Continued Contributor
Continued Contributor

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
MPA_User Group Leader_768x460.jpg

Manage your user group events

Check out the News & Announcements to learn more.

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Welcome Super Users.jpg

Super User Season 2

Congratulations, the new Super User Season 2 for 2021 has started!

Carousel 2021 Release Wave 2 Plan 768x460.jpg

2021 Release Wave 2 Plan

Power Platform release plan for the 2021 release wave 2 describes all new features releasing from October 2021 through March 2022.

Top Solution Authors
Users online (1,307)