cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Frequent Visitor

Microsoft Flow Convert File Activity from HTML to PDF not Working well

Hi guys,

I need your help as i'm trying to get PDF file depending on created HTML file on one drive as follow:

 

1.PNG

3.PNG

 

here is the generated HTML file on one drive:


4.PNG

 

but the PDF file not matched the above HTML:

 

5.PNG

 

and here is the HTML code:

 

 

Spoiler

<!DOCTYPE html>

<html LANG="EN">

   <head>

      <title>PO-120-5</title>

   </head>

   <body>

      <div style="width: 100%; height: 100%;">

         <div style="width:100%; display: flex;">

            <div style="width: 69%; border: 1px solid; font-family: Calibri; float: left; padding-left: 5px;"><strong>Saudi Technology and Security Comprehensive Control Co. Ltd.</strong><br /> Procurement Logistics Department</div>

            <div style="width: 29%; border: 1px solid; font-family: Calibri; float: left;">

               <div style="padding-left: 5px;">PO # : 123123</div>

               <div style="padding-left: 5px;">PO Date : 12/12/12</div>

            </div>

            <div style="clear: both;"></div>

         </div>

         <br/>

         <div style="width: 99%; border: 1px solid; font-family: Calibri; background-color: #d3d3d3; text-align: center;"><strong>Purchase Order</strong></div>

         <div>

            <p style="font-family: Calibri;">Vendor Details</p>

         </div>

         <div style="width: 100%;">

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Vendor Name :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">test</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Email :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">*** Email address is removed for privacy ***</div>

            </div>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Vendor ID #</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">123456</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Mobile #</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">9668138128318</div>

            </div>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Attention :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">Ahmed Ahmed</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Telephone #</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">1102938485</div>

            </div>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Title :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">developer</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Country :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">xyz</div>

            </div>

            <br/>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Project :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">project</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Purchase Request # :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">1,2,3</div>

            </div>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Region :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">R0</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Agreement #</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">45356</div>

            </div>

            <div style="width:100%; display: flex;">

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Main Category :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">Category</div>

               <div style="width: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Agreement Date :</div>

               <div style="width: 33%; font-family: Calibri; border: 1px solid; padding-left: 3px; float: left;">12/12/1345</div>

            </div>

            <br/>

            <div style="width: 99%; font-family:Calibri; text-align:left; font-size:10px;">bla bla bla bla.</div>

            <br/>

         </div>

      </div>

   </body>

</html>

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Community Support
Community Support

Hi @aboelmaatey ,

 

Does the issue still exists?

 

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.

View solution in original post

3 REPLIES 3
Community Support
Community Support

Hi @aboelmaatey

 

Could you please take a try to convert a exiting html file before the flow runs to see if the issue still exists.

 

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.

@v-alzhan-msft  Thanks for your reply,

please i need more details about  trying to convert a exiting html file before the flow runs.

Community Support
Community Support

Hi @aboelmaatey ,

 

Does the issue still exists?

 

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.

View solution in original post

Helpful resources

Announcements
PP Bootcamp Carousel

Global Power Platform Bootcamp

Dive into the Power Platform stack with hands-on sessions and labs, virtually delivered to you by experts and community leaders.

secondImage

Power Platform Community Conference On Demand

Watch Nick Doelman's session from the 2020 Power Platform Community Conference on demand!

MPA Community Blog

Power Automate Community Blog

Check out the community blog page where you can find valuable learning material from community and product team members!

Users online (6,986)