Answered

Powerapps - HTML - PenInput Image

(0) Share

Report

Posted on by 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

Categories:

Building Power Apps

All responses (6)

Answers (1)

Sort by

RezaDorrani 12,145 on at

Like
a
(0)

Report
Copy link

Link copied!

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

v-xida-msft Microsoft Employee on at

Like
a
(0)

Report
Copy link

Link copied!

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

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 76 on at

Like
a
(0)

Report
Copy link

Link copied!

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

Like
a
(0)

Report
Copy link

Link copied!
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/
Hor 38 on at

Like
a
(0)

Report
Copy link

Link copied!

Hi

I wish to embed signature (peninput control) in the email body , instead of attachment. Could anyone help please?
takolota1 4,980 Moderator on at

Like
a
(0)

Report
Copy link

Link copied!

There’s also this set up that directly inserts the signature into an HTML display so it can all be passed to a flow as a single signed block of HTML

https://powerusers.microsoft.com/t5/Power-Apps-Community-Blog/Add-Signatures-to-HTML-and-PDFs/ba-p/2713092#M2020