How to sign documents digitally using Microsoft Power Apps and Power Automate

The traditional processes that still use paper is taking the path towards going digital. Microsoft PowerApps a powerful tool that guides the transition to a cloud-first experience to improve internal processes and communication. Microsoft Power Apps enables you to create feature rich custom apps without writing code.

In this blog post, I will share our learnings through a sample PowerApps canvas app which uses Power Apps Pen Input with Microsoft Flow or Power Automate.

Power Apps can enable you to quickly build app. Power Automate is a service that helps you create automated workflows between your favorite apps and services to synchronize files, get notifications, collect data, and more. Today we’ll create an electronic signature app that allows you to sign paper work digitally using Microsoft Power Apps. It will help you to to automate any signature approval workflows such as equipment handoff, new hire contracts, guest registration etc.

First, we’ll start with a new Power Apps canvas model app. Our next step would be to place a pen input control in the screen that will collect the digital signature in the screen.

Sign documents digitally using Microsoft Power Apps and Power Automate

Add a button. We can then use button to trigger the PowerAutomate.

Sign documents digitally using Microsoft Power Apps and Power Automate

Power Automate can connect with One Drive to create a consent form, place a signature and create a PDF file to complete the approval process. You can pass signature data from PowerApps to Flow Click on the button. You can use the OnSelect Property to store the signature on a variable =.

Set(penVar, JSON(PenInput1.Image,IncludeBinaryData));
Set(pdfView, PowerAppsbutton.Run(TextInput1.Text, penVar));
Navigate([@Screen2],ScreenTransition.None)

The below is an example of Power Automate workflow:

Sign documents digitally using Microsoft Power Apps and Power Automate

Finally, preview the freshly created PDF with a PDF Viewer with the following steps.

  • Create a new Screen
  • Place a PDF Viewer : Insert > Media > PDF Viewer
  • Set theDocument Property of PDF Viewer with PDF filename parameter you have passed from PowerAutomate.
Sign documents digitally using Microsoft Power Apps and Power Automate

And there you go, you have a signature collection app which generates PDF with Sign on it!