web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / PowerApp - Pen Input
Power Apps
Unanswered

PowerApp - Pen Input

(1) ShareShare
ReportReport
Posted on by 28

Hello, 

 

I am trying to build a sign-in sheet screen on power apps with the ability to have 20 individuals sign in with a signature. I have a form already that they are signing manually, but I need this convert digitally into PowerApps. Is this possible?

Categories:
I have the same question (0)
  • Shaheer Ahmad Profile Picture
    2,194 Moderator on at

    Yes, it is possible to build a sign-in sheet screen with the ability to capture digital signatures using Power Apps. You can use the Pen Input control in Power Apps to allow users to sign digitally.

    Here's how you can achieve this:

    1. Add a Pen Input control: In the Power Apps studio, add a Pen Input control to your sign-in sheet screen. This control allows users to draw their signatures using their finger or a stylus.

    2. Configure the Pen Input control: Customize the appearance and behavior of the Pen Input control as per your requirements. You can adjust properties such as stroke color, stroke width, and background color to match the style of your sign-in sheet.

    3. Add a button to capture signatures: Place a button control next to each individual's sign-in entry on your sign-in sheet. This button will trigger the capture of the digital signature.

    4. Implement the button's OnSelect property: Assign the following formula to the button's OnSelect property:

    Collect(SignaturesCollection, { Name: TextInput_Name.Text, Signature: SignatureCapture.Image })
    1. In this formula, "SignaturesCollection" is the name of the collection where you want to store the signatures. "TextInput_Name" is the control where the individual's name is entered, and "SignatureCapture" is the name of the Pen Input control.

    2. Repeat steps 3 and 4 for each individual's entry: Copy and paste the button control for each individual's sign-in entry on your screen. Adjust the formulas in the button's OnSelect property to capture the respective individual's name and signature.

    3. Display the signatures: To display the captured signatures, you can use a Gallery control or another suitable layout control. Set the Items property of the control to the "SignaturesCollection" collection. Within the control, you can display the individual's name and their captured signature image.

    With these steps, you will be able to create a sign-in sheet screen in Power Apps where users can digitally sign using the Pen Input control. The signatures will be captured and stored in a collection, allowing you to display them as needed.

    Mark as solution if your problem is solved. Thanks

  • Shaheer Ahmad Profile Picture
    2,194 Moderator on at

    Mark as solution if this solved your issue. Thanks

  • PowerNuggets Profile Picture
    360 on at

    Hi @JValencia50 

     

    Another way you can do it is to add the pen input for each signature in your form and do the below


    1) in your data source for example SharePoint create a multi-line text column for each signature value

    Example PenInput1


    2) insert a pen input control for each signature and set a different variable for each that will hold the self image you can use this to verify if there is a signature or not later

    Set(varPenData1,Self.Image)


    3) for the data card of each pen input control set the update to variable that holds the binary representation of the signature example: varSigBIN1


    4) for the submit button of the form On Select property and before your patch set your binary variables to hold the binary data of each signature as below

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

    once the submit button is clicked it will convert the signature for pen input 1 to binary and set the update for data card to hold that binary as well


    5) you can add more validations to your form for example 

    set the visibility to your pen input to not show if the form is in view mode

    YourForm.Mode<>FormMode.View

    set a label with text saying for example "not signed" to confirm that this was signed or not example
    If(varPenData = PenInput.Image, "Signed Thank You", "Not Signed")


    6) and if you need to display the signatures in form view mode you can add an image under each pen input and set the image value to
    Substitute(ThisItem.Sign,"""","")

    // as the binary representation of each signature will contain "" twice and we need to remove it

    and set the visibility of this image to be only when form mode is view
    Visible YourForm.Mode = FormMode.View


    If this helps kindly mark the post as solved and consider giving a Kudos

    KR,

  • JValencia50 Profile Picture
    28 on at

    Hi Shaheer, 

    Thank you for your response. I am a bit confused as I need several signature Lines. The attached is what I am trying to re-create. I have this excel from that is printed daily and used physically. But I'd like to convert this into Excel to Make it a more digital experience. At the end of this, I'd need a physical PDF copy. Would you know if this may be possible?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 796 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 327 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard