cancel
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
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

‎01-28-2020 12:17 PM

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>

 

 

Message 1 of 4
346 Views
0 Kudos
1 ACCEPTED SOLUTION

Accepted Solutions
v-alzhan-msft
Community Support
Community Support

‎01-29-2020 10:46 PM

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

Message 4 of 4
298 Views
0 Kudos
3 REPLIES 3
v-alzhan-msft
Community Support
Community Support

‎01-28-2020 06:30 PM

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.

Message 2 of 4
335 Views
0 Kudos
aboelmaatey
Frequent Visitor
In response to v-alzhan-msft

‎01-28-2020 10:32 PM

@v-alzhan-msft  Thanks for your reply,

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

Message 3 of 4
330 Views
0 Kudos
v-alzhan-msft
Community Support
Community Support

‎01-29-2020 10:46 PM

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.

Message 4 of 4
299 Views
0 Kudos

Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

MPA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

Power Automate Designer Feedback_carousel.jpg

Help make Flow Design easier

Are you new to designing flows? What is your biggest struggle with Power Automate Designer? Help us make it more user friendly!

View All
Users online (3,889)