How to use a PenInput Image in an HTML text?

[Anonymous]

Hi everybody,

I have to build a few apps in order to digitalize paperwork basically. In order to do so, I need to be able to convert the informations that the user puts in the app to a PDF file that will be sent afterwards. And I also need to get the signature of the user to put it inside said PDF.

I found a way to use Flow to convert into PDF and another one (quiet weird but it works) to save my PenInput inside a SharePoint folder as a png image (the file keeps the same name and is modified everytime a signature is submitted).

My problem is that I cannot find a way to get my signature image back in the Html Text of Power Apps. Besides, the link to the image in SP is modified everytime the image changes (new signature).

I just want to know if there is a way around this. If not, it would be wonderful if PowerApps made it possible somehow because i think a lot of people would benefit of a feature that allows to put a signature done "in app" inside a PDF.

Thanks in advance.

[todurant]

Hey Luke, you're the man! I tried your suggestion with minor tweaks and it worked, no Flow necessary. I feel foolish for even making my suggestion now; I just couldn't figure out a way to do it other than what I discovered. Please make a video for the community and I will take mine down.

[Luke_Timmins]

@todurant I am really glad it worked for you 🙂 please do share your tweaks so the community can benefit. One of the days I might make a little video, just for you!

[todurant · Accepted solution]

You wont believe this but there is an even easier way to do this without Flow.

https://youtu.be/5VtCHgLCQn4

[Luke_Timmins]

Brilliant!

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

[todurant]

I appreciate it Jens but I shared that exact solution with the community back in August 🙂

[JHL]

Hi todurant,

I have tried your object solution and still receive no proper image within my HTML table, which I then intent to pass on to PDF.

Do you have any suggestions? This is my initial approach:

https://powerusers.microsoft.com/t5/Using-Flows/How-to-put-an-image-from-a-SP-library-into-a-HTML-ta...

I would love to hear from you as this is causing me a lot of headaches.

Thank you and best regards

JHL