Unanswered

Losing HTML formatting while converting to PDF

(0) Share

Report

Posted on by rameshmukka

1,113

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.

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.

Categories:

Building flows

I have the same question (0)

All responses (2)

Answers (0)

v-alzhan-msft on at

Like (0)

Report

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.

Was this reply helpful? Yes No
rameshmukka 1,113 on at

Like (0)

Report

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>

Was this reply helpful? Yes No