cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
aboelmaatey
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
v-alzhan-msft
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
v-alzhan-msft
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.

v-alzhan-msft
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
UG GA Amplification 768x460.png

Launching new user group features

Learn how to create your own user groups today!

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

M365 768x460.jpg

Microsoft 365 Collaboration Conference | December 7–9, 2021

Join us, in-person, December 7–9 in Las Vegas, for the largest gathering of the Microsoft community in the world.

Users online (2,892)