Solved: Re: Problem: Export PDF With Image

G-E-0 · ‎12-19-2022

Hello guys,

I have problem with convert html to pdf with image .

Τhe problem is that the image cannot be modified in pdf. While in the html file I can see the image in the pdf file it does not appear.

I do convert from html to pdf in power automate.

The html is written inside Power Apps.

I will upload a few screenshots.

The image is saved in dataverse.(Information)

This is the html file the image.

And the last screenshot is the pdf file

I believe the problem is in the convert.

I don't know what is the problem.

Help me guys plz.!!!

BCBuizer · ‎12-22-2022

HI @GeorgeBenda ,

In my test scenario I uploaded a .png file to an image column in Dataverse. Because I did that, somehow the binary data got changed from "data:image/png;base64" to "data:application/octet-stream;base64". I then used the Substitute function to change that back, which fixed the issue in the PDF file.

Looking at your screenshots, I noticed something:

This "\" isn't supposed to be there. Can you find out how it got included and make sure it is removed?

Did you like my post? Please give it a thumbs up! Did I resolve your issue? Please click Accept as Solution to close the topic and so other members of the community can find solutions more easily.

View solution in original post

BCBuizer · ‎12-19-2022

Hi @G-E-0 ,

It seems some characters are out of place. Can you please try:

<img src=" & varSignature & " width='500' height='200'>

Did you like my post? Please give it a thumbs up! Did I resolve your issue? Please click Accept as Solution to close the topic and so other members of the community can find solutions more easily.

GeorgeBenda · ‎12-20-2022

I do it . But nothing.

This is the result.

In html file play but in pdf no.

BCBuizer · ‎12-20-2022

Hi @GeorgeBenda , @G-E-0 ,

Can you please give the full code for the HTML generation? And also an example output?

Did you like my post? Please give it a thumbs up! Did I resolve your issue? Please click Accept as Solution to close the topic and so other members of the community can find solutions more easily.

GeorgeBenda · ‎12-21-2022

Hi @BCBuizer ,

Sorry i have two accounts. I am the same person.

Yes,

"<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<title>file_test1</title>
<meta name=author' content='BENDAS GEORGIOS'/>
<style>
* {margin:0; padding:0; text-indent:0; }
.s1 { color: #8F8F8F; font-family:Arial, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; }
h2 { color: #800000; font-family:'Times New Roman', serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
.s2 { color: black; font-family:'Times New Roman', serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; vertical-align: 9pt; }
.s3 { color: black; font-family:'Microsoft JhengHei', sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 7pt; vertical-align: 9pt; }
.s4 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; vertical-align: 9pt; }
.p, p { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; margin:0pt; }
.s5 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
.s6 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
h3 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 12pt; }
h4 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 11pt; }
.s7 { color: black; font-family:Calibri, sans-serif; font-style: italic; font-weight: bold; text-decoration: none; font-size: 10pt; }
.s8 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: underline; font-size: 14pt; }
.s9 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
.s10 { color: black; font-family:'Times New Roman', serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; vertical-align: -5pt; }
.s11 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; vertical-align: -5pt; }
.s12 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 9pt; }
.s13 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 9pt; }
.s14 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 9pt; }
.s15 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 8pt; }
.s16 { color: #F00; font-family:'Times New Roman', serif; font-style: normal; font-weight: normal; text-decoration: underline; font-size: 20pt; }
.h1 { color: #F00; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: underline; font-size: 20pt; }
.s17 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 8pt; }
.s18 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; }
.s19 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
.s20 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; }
.s21 { color: black; font-family:Calibri, sans-serif; font-style: italic; font-weight: bold; text-decoration: underline; font-size: 10pt; }
.s22 { color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 6.5pt; vertical-align: 3pt; }
.s23 { color: black; font-family:'Times New Roman', serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
.s24 { color: #333; font-family:Calibri, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
li {display: block; }
#l1 {padding-left: 0pt;counter-reset: c1 1; }
#l1> li>*:first-child:before {counter-increment: c1; content: counter(c1, upper-roman)'. '; color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#l1> li:first-child>*:first-child:before {counter-increment: c1 0; }
#l2 {padding-left: 0pt; }
#l2> li>*:first-child:before {content: ' '; color: black; font-family:Symbol, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 11pt; }
li {display: block; }
#l3 {padding-left: 0pt; }
#l3> li>*:first-child:before {content: ' '; color: black; font-family:Symbol, serif; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
li {display: block; }
#l4 {padding-left: 0pt; }
#l4> li>*:first-child:before {content: '* '; color: black; font-family:Calibri, sans-serif; font-style: normal; font-weight: normal; text-decoration: none; }
table, tbody {vertical-align: top; overflow: visible; }
</style>
</head>
<body>
 
Ζ100
<h2 style='padding-top: 4pt;padding-left: 170pt;text-indent: 0pt;text-align: left;'>ΙΔΙΩΤΙΚΟ ΣΥΜΦΩΝΗΤΙΚΟ
N°_ " & AgreementForPDF.'No.' &"</h2>
 

Στην Αθήνα σήμερα την "& AgreementForPDF.'Agreement Date' &", οι συμβαλλόμενοι:<ol id='l1'>
<li data-list-text='I.'>

Η εις τον Αγ. Στέφανο Αττικής και εις το ύψος του 23ου χλμ της ΝΕΟ Αθηνών – Λαμίας εδρεύουσα ανώνυμη εταιρεία με την επωνυμία «Β Σ ΚΑΡΟΥΛΙΑΣ ΜΟΝΟΠΡΟΣΩΠΗ ΑΕ», ( ΑΦΜ 094029693 – ΦΑΕ Αθηνών ), νόμιμα εκπροσωπούμενη από το Γενικό Διευθυντή κο Άγγελο Φουρλή.</li><li data-list-text='II.'>ΠΕΛΑΤΕΣ ΔΙΑΦΟΡΟΙ (ΔΕΙΓΜΑΤΟΔΙΑΝΟΜΗ) ΑΓΙΟΣ ΣΤΕΦΑΝΟΣ επί 23ο XΛΜ Ε.Ο. ΑΘHNΩΝ-ΛΑΜΙΑΣ ( ΑΦΜ: . -ΔΟΥ: ΑΓΝΩΣΤΗ )λαμβανομένων υπ’ όψιν:<ul id='l2'><li data-list-text=''>Η πρώτη των συμβαλλομένων ανώνυμη εταιρεία (εφεξής ΒΣΚ), διατηρεί επιχείρηση εισαγωγής και διανομής διαφόρων διεθνούς φήμης οινοπνευματωδών ποτών (ΠΡΟΣΑΡΤΗΜΑ 1) και επιθυμεί την προώθηση των πωλήσεων των προϊόντων αυτών.</li><li data-list-text=''>Η δεύτερη των συμβαλλομένων ΠΕΛΑΤΕΣ ΔΙΑΦΟΡΟΙ (ΔΕΙΓΜΑΤΟΔΙΑΝΟΜΗ) (εφεξής η «Επιχείρηση»), διατηρεί επιχείρηση ΙΔΙΩΤΗΣ-ΥΠΑΛ. Β.Σ.Κ με τον διακριτικό τίτλο στην/στο ΑΓΙΟΣ ΣΤΕΦΑΝΟΣ και επί της οδού 23ο XΛΜ Ε.Ο. ΑΘHNΩΝ-ΛΑΜΙΑΣ , όπου διατίθενται οινοπνευματώδη ποτά και έχει τη δυνατότητα της περαιτέρω προωθήσεως των εμπορευμάτων της πρώτης και δεύτερης των συμβαλλομένων.</li></ul></li></ol> Για το διάστημα από " & AgreementForPDF.'Valid from' & " έως " & AgreementForPDF.'Valid to' & " συνεφώνησαν τους όρους και τις προϋποθέσεις ενός πλαισίου συνεργασίας ως εξής: Η Επιχείρηση δηλώνει ότι:Α. Αναλαμβάνει την υποχρέωση να τοποθετήσει και να προβάλλει, τοποθετώντας στα ράφια του καταστήματός της, τα προϊόντα της ΒΣΚ καθώς και την προώθηση των εμπορευμάτων της με σκοπό την επίτευξη συγκεκριμένων στόχων κιβωτίων - φιαλών, όπως αυτά αναφέρονται στο συνημμένο ΠΡΟΣΑΡΤΗΜΑ 1.B. Αναλαμβάνει την προβολή και προώθηση των προϊόντων της ΒΣΚ μέσα στον χώρο του/των καταστήματος/των της, με τις περιγραφές, τους στόχους και τις παροχές, όπως έχουν καθοριστεί ανάλογα για το κάθε προϊόν στο συνημμένο στην παρούσα ΠΡΟΣΑΡΤΗΜΑ 2.Η ΒΣΚ υπόσχεται ότι :Α. Εφ’όσον η Επιχείρηση επιτύχει τους προσδιορισμένους στόχους αγορών, όπως αυτοί περιγράφονται στο συνημμένο στην παρούσα ΠΡΟΣΑΡΤΗΜΑ 1 καιB. Εφ’όσον η Επιχείρηση υλοποιήσει την προβολή και προώθηση των προϊόντων της ΒΣΚ μέσα στον χώρο του/των καταστήματος/των της, με τις περιγραφές και τους στόχους, όπως έχουν καθοριστεί ανάλογα για το κάθε προϊόν στο συνημμένο στην παρούσα ΠΡΟΣΑΡΤΗΜΑ 2,θα καταβάλλει εις την Επιχείρηση, εντός προθεσμίας ενενήντα (90) ημερών από την λήξη της συμφωνημένης περιόδου, ανάλογες παροχές όπως αυτές περιγράφονται στο συνημμένο στην παρούσα ΠΡΟΣΑΡΤΗΜΑ 1 και ΠΡΟΣΑΡΤΗΜΑ 2.Η αμοιβή της Επιχειρήσεως για τις παροχές αυτές θα καταβάλλεται εντός προθεσμίας ενενήντα (90) ημερών από την λήξη της συμφωνημένης περιόδου , μετά την έκδοση από την τελευταία τιμολογίου παροχής υπηρεσιών σύμφωνα με τις ισχύουσες διατάξεις του Κ.Β.Σ., ή / και με την παράδοση σε χονδρέμπορο ή σε κάβα που η Επιχείρηση θα υποδείξει, των αντίστοιχων σε είδος παροχών, προκειμένου μέσω αυτού να παραδοθούν στην Επιχείρηση.Ο έλεγχος των στοχοποιήσεων θα λαμβάνει χώρα κατά την διάρκεια της συμφωνημένης περιόδου και θα προσδιορίζεται με βάση κατάσταση στην οποία θα καταγράφονται τα τιμολόγια αγορών (φωτοτυπίες τιμολογίων) των προϊόντων της Εταιρείας από την Επιχείρηση, κατάσταση την οποία θα υποβάλει η Επιχείρηση στην Εταιρεία περιοδικά στο τέλος κάθε διμήνου, κατά τη διάρκεια της συμφωνημένης περιόδου. Στο πλαίσιο αυτό και προκειμένου να βελτιστοποιείται ο ανωτέρω έλεγχος στοχοποιήσεων, η ΒΣΚ γνωστοποιεί στην Επιχείρηση ότι έχει συνάψει σύμβαση για την υλοποίηση συστήματος ηλεκτρονικής συλλογής στοιχείων πωλήσεων με την εταιρεία IMPACT (υπηρεσία Connect) που αφορά άντληση στοιχείων πωλήσεων προϊόντων της ΒΣΚ από την Επιχείρηση μέσω της εγκατάστασης του λογισμικού Impact Agent σε Συνεργάτες Χονδρέμπορους που προμηθεύουν τα προϊόντα της ΒΣΚ στην Επιχείρηση η οποία δηλώνει ότι συναινεί και αποδέχεται τον συγκεκριμένο τρόπο συλλογής πληροφοριών για βέλτιστη στοχοποίηση και στο βαθμό που τα παραπάνω δεδομένα αποτελούν προσωπικά δεδομένα σύμφωνα με την κείμενη (ελληνική και ευρωπαϊκή) νομοθεσία για τα Προσωπικά Δεδομένα θα συνάψει αντίστοιχη σύμβαση με την IMPACT η οποία και θα Επεξεργάζεται τα Προσωπικά Δεδομένα (εφόσον υφίστανται τέτοια) σύμφωνα με την κείμενη (ελληνική και ευρωπαϊκή) νομοθεσία.Η παρούσα σύμβαση, αποτελεί μία συμφωνία πλαίσιο και εξειδικεύεται κάθε φορά από τα προσαρτήματα στα οποία και αναφέρονται οι στοχοποιήσεις, οι παροχές (bonus), κ.λ.π.Η Επιχείρηση δεν δικαιούται να χρησιμοποιεί το όνομα ή οποιοδήποτε σήμα, διακριτικό γνώρισμα ή λογότυπο των προϊόντων της εταιρείας χωρίς την προηγούμενη έγγραφη συναίνεση της.Υπενθυμίζεται στην Επιχείρηση η νόμιμη υποχρέωσή της να μην προσφέρει οινοπνευματώδη ποτά σε άτομα κάτω των 18 ετών. Τα μέρη ρητά συνομολογούν ότι η με ηλεκτρονικά μέσα θέση και εκτύπωση στην παρούσα σύμβαση της ψηφιοποιημένης υπογραφής του νόμιμου εκπροσώπου εκάστου, θα ισχύει και θα παράγει τα έννομα αποτελέσματα με την αντίστοιχη ιδιόχειρη του ιδίου.Με την υπογραφή του παρόντος ο πελάτης αποδέχεται την τέλεση προωθητικών ενεργειών από την εταιρεία για τα προϊόντα της σε ημερομηνίες που από κοινού θα συμφωνηθούν.Αυτά αφού συνεφώνησαν και συναπεδέχθηκαν τα μέρη σε πίστωση συνετάγη το παρόν εις διπλούν, το οποίο αφού διαβάσθηκε και βεβαιώθηκε, υπογράφεται ως ακολούθως :

ΠΡΟΣΑΡΤΗΜΑ 1 "& //This is optinal
//" Items: " & //This is optinal
If(AgreementForPDF.'No.' = "264",
"<table width='100%' border='1' cellpadding='5' style='border:1px solid black; border-collapse:collapse'>
<tr style='background-color:#efefef'>
<th>Description</th> <th> Min Consumption </th> <th> Set Of Nes Installation </th>
</tr>
<tr>" &
Concat(Filter('Item Groups', Agreement.'No.' = AgreementForPDF.'No.' ), //*Here is your data source*//
"<td>" & Name & " </td>
<td>" & 'Minimum Consumption' & " </td>
<td>" & 'Set Of Necessary Installation Items' & " </td>","</tr><tr>") &
"</table>") &
"</body>
</html>"

This is my html code. I have write the code inside the power apps.

And up i have how i Set the variable.

The result i will upload it again.

I will screenshot the html file and the pdf file.

And the second is the pdf file.

I open the pdf file with "Internet Explorer". The same problem has it and "Google Chrome".

GeorgeBenda · ‎12-21-2022

I have copy the example from youtube. I will give it to you. https://www.youtube.com/watch?v=pFlwYy8ijiA&t=338s

Infromation( I use dataverse). I don't know if this is the problem.

BCBuizer · ‎12-21-2022

Hi @GeorgeBenda,

I have done some tests myself and found that if I used the same image from Sharepoint it was showing in the PDF, but when used from Dataverse it wasn't.

When comparing the two HTML files I found a difference:

SharePoint:

<img src="data:image/png;base64,iVBORw0KGgoAA

Dataverse:

<img src="data:application/octet-stream;base64,iVBORw0KGgoAA

In my case I could use a Substitute function to make things work again:

    <img src=" & Substitute(JSON(Image8.Image,IncludeBinaryData),"data&colon;application/octet-stream;","data&colon;image/png;")

I hope this helps to find a solution for you as well.

Did you like my post? Please give it a thumbs up! Did I resolve your issue? Please click Accept as Solution to close the topic and so other members of the community can find solutions more easily.

GeorgeBenda · ‎12-22-2022

Hi @BCBuizer it's not working.

BCBuizer · ‎12-22-2022

Hi @GeorgeBenda ,

Can you please share the HTML code snippet, similar to what I posted to above (<img src="data:XXXXXXXXXXXXXXXXXX;base64,) and the extension of the image file you are trying to insert?

Did you like my post? Please give it a thumbs up! Did I resolve your issue? Please click Accept as Solution to close the topic and so other members of the community can find solutions more easily.

GeorgeBenda · ‎12-22-2022

I will give you the code. But i tried with differents ways. With your way i can't do it because need different formation because is inside html text and has problems with the double brakets (" "). I tried to call the function with a button to change the text.