Re: JSON With Image

Francisco77 · ‎09-13-2023

Hi Community,

I have a flow where I grab data from M. Forms and generate a PDF with the data loaded into a table, using the following JSON.

<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>Tabla</title><meta name="author" content="xxx"/></head><body><style>Table {font-family: Arial, Helvetica, sans-serif; background-color: #EEEEEE; border-collapse: collapse; width: 100%;} Table td, Table th {border: 1px solid #ddd; padding: 3px 3px;} Table th {font-size: 15px; font-weight: bold; padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #1C6EA4; color: white;
}
</style><h1><a name="bookmark0">@{triggerOutputs()?['body/Registro']}</a></h1><p>Fecha: @{triggerOutputs()?['body/Fecha']}</p><p></p>

<table border="1" cellspacing="0">
<tr>
<td>Especie:</td><td>@{triggerOutputs()?['body/ProgramayEspecie']}</td>
</tr>
<tr>
<td>Number:</td><td>@{triggerOutputs()?['body/Title']}</td>
</tr>
<td>Nombre y CI Asistente 1:</td><td> @{triggerOutputs()?['body/NombreyRUTAsistente4']}</td>
</tr><tr>
<td>Nombre y CI Asistente 2:</td><td> @{triggerOutputs()?['body/NombreyRUTAsistente5']}</td>
</tr>
</table>

</body></html>

With this, a pdf like this is generated.

Would it be possible with the same JSON to add a static image in the upper right corner?.

Regards,

Francisco

SanmeshG · ‎09-13-2023

Hi @Francisco77 ,

Yes you can add an image to the PDF. Checkout the below post.

https://www.matthewdevaney.com/power-apps-add-an-image-to-a-pdf-form/

The post explain how can image be added from PowerApps but since you want to add a static image you can store it in OneDrive or SharePoint document library and use the get file action and add the image in the PDF.

Hope this helps!

If this solves your problem please mark this as a solution.

Thanks,

AlexEncodian · ‎09-14-2023

@Francisco77

You can also insert the image directly into the PDF if needs be, using Add Image Watermark to PDF (Advanced)

----

*Encodian Flowr is a Standard Power Automate connector with 150+ actions to supercharge flow builds. Conversion, merging, splitting, OCRing, data extraction, QR/Bar codes, searching and much more. And we just added "Utility" actions, which are almost free to use and accelerate solution builds and remove maintenance overheads with actions like Extract text between values, extract URLs, extract email addresses, Password/GUID/HMAC creation, escaping/unescaping HTML, parsing HTML tables, etc.