web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / Losing HTML formatting...
Power Automate
Unanswered

Losing HTML formatting while converting to PDF

(0) ShareShare
ReportReport
Posted on by 1,117

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

 

Categories:
I have the same question (0)
  • v-alzhan-msft Profile Picture
    Microsoft Employee on at

    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.

  • rameshmukka Profile Picture
    1,117 on at

    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>

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Leaderboard > Power Automate

#1
David_MA Profile Picture

David_MA 112 Super User 2026 Season 1

#2
Haque Profile Picture

Haque 52

#3
Ellis Karim Profile Picture

Ellis Karim 51 Super User 2026 Season 1

Last 30 days Overall leaderboard