Powerapps - HTML - PenInput Image

[cjs321]

Hi,

I've created a powerapp so i can record who has a workphone and their signature to say they're liable for any damage caused to the device (They're aware of this).

The app works well and everythin successfully output's to HTML - PDF using flow.

However, the captured signature doesn't seem to appear in the HTML file 😞

I've added a PDF button on a gallery where the statements and signatures etc can be viewed.

How can i get the corresponding signature to appear on the HTML / PDF file?

Kind Regards,

Connor Simpson

[RezaDorrani]

Hi @cjs321 

https://www.youtube.com/watch?v=kQVYid1p_vA from Paul Culmsee

will show you how to post data stream (in bindary format) from PowerApps to Flow using the new JSON function in PowerApps

http://johnliu.net/blog/2017/10/generate-any-pdf-documents-from-html-with-flow from John Liu shows how to embed image data stream to html and pdf

Regards,

Reza Dorrani

If this post helps, then please consider Accept it as the solution to help the other members find it more quickly

[v-xida-msft · Accepted solution]

Hi @cjs321 ,

Could you please share a bit screeshot about your flow's configuration?

Do you want to embed an image within your PDF file?

If you want to embed an image within your PDF file through the combination of PowerApps and MS Flow, please check my response within the following thread:

https://powerusers.microsoft.com/t5/General-Discussion/Powerapps-HTML-box-to-Flow-Code-issue/m-p/331...

Please check and see if the following blog would help in your scenario:

http://johnliu.net/blog/2017/10/generate-any-pdf-documents-from-html-with-flow

On your side, you should also consider pass the Pen Input image (signature) from your app to your flow. Then within your flow, generate the image Html code based on the passed Pen Input image data (base64 encoded data). Then create a PDF file based on above blog.

More details about passing a Pen Input image from an app to a flow, please check the following video:

https://www.youtube.com/watch?v=kQVYid1p_vA

Best regards,

[cjs321]

Hi,

I have watched various tutorials on how to get images from PowerApps into OneDrive, however, i still can't seem to get it to work.

This is what my screen / gallery looks like.

I need the signature (circled in Red) to appear on the PDF but it doesn't seem to work.

I need help on the correct syntax for this, or perhaps a flow & steps for it?

Thanks for your help 🙂

Kind Regards,

Connor Simpson

[JensKofod]

An easy and multi-purpose solution is found to add pen-input to Sharepoint/Email/PDF thanks to Shane Young, utilizing the addition of a PowerApps Json functionality added on 02/05/2019.

The Short description on how to make this work is to save the pen input image in a JSON format asking the JSON function to include Binary Data:

Set( PenVar, JSON( PenInput1.Image,JSONFormat.IncludeBinaryData ) );

See here for details: https://iiu.dk/2019/10/12/powerapps-pen-input/