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

Highlighted

@v-alzhan-msft  Thanks for your reply,

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

Highlighted
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
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

Users online (13,999)