Solved: Re: Microsoft Flow Convert File Activity from HTML...

aboelmaatey · ‎01-28-2020

Hi guys,

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

here is the generated HTML file on one drive:

but the PDF file not matched the above HTML:

and here is the HTML code:

Spoiler

<!DOCTYPE html>

<head>

</head>

<body>

<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>

</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: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Vendor Name :</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: 15%; font-family: Calibri; background-color: #d3d3d3; border: 1px solid; padding-left: 3px; float: left;">Vendor ID #</div>

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

</div>

<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>

<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>

<br/>

<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>

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

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

</div>

<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>

<br/>

<br/>

</div>

</body>

</html>

<!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>

v-alzhan-msft · ‎01-29-2020

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

v-alzhan-msft · ‎01-28-2020

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.

aboelmaatey · ‎01-28-2020

@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 · ‎01-29-2020

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.