Unterschriften in Power Apps

Apr 16, 2024

Digitale Unterschriften sammeln und in SharePoint speichern mit Power Apps

Die Erfassung von Unterschriften ist ein wichtiger Bestandteil vieler Geschäftsprozesse. Ob es darum geht, Verträge abzuschließen, Genehmigungen einzuholen oder Formulare zu validieren - die Möglichkeit, digitale Signaturen zu sammeln, bietet zahlreiche Vorteile, um Effizienz, Nachverfolgbarkeit und Sicherheit zu erhöhen.

Heute zeige ich dir, wie du mithilfe von Power Apps, einem leistungsstarken Werkzeug zur Entwicklung von Business Apps, digitale Unterschriften erfassen und direkt in SharePoint speichern kannst.

Das Stifteingabe Steuerelement

Das Herzstück dieses Prozesses ist das Stifteingabe Steuerelement von Power Apps. Dieses ermöglicht es BenutzerInnen, direkt in der App Skizzen, handschriftliche Notizen und Anmerkungen zu erfassen.

Die Eigenschaften des Stifteingabe Steuerelements

Die BenutzerInnen können im Stifteingabe Steuerelement zwischen einem Zeichnen- und einem Radieren-Modus wählen. Außerdem haben Sie die Möglichkeit die Stifteingabe komplett zu leeren, die Stiftstärke und -farbe anzupassen. All diese Eigenschaften können wir ebenfalls dynamisch zur Laufzeit der App festlegen.

Stifteingabe in Bearbeitungsformular

Wir können das Stifteingabe Steuerelement in ein Bearbeitungsformular einbinden und mit einer SharePoint-Liste verknüpfen. Dazu sind ein paar Anpassungen notwendig, um eine reibungslose Funktion der App zu gewährleisten.

Zuerst musst du das Texteingabefeld aus dem Bearbeitungsformular entfernen und das Stifteingabe Steuerelement hinzufügen. Jetzt werden dir zwei Fehlermeldungen angezeigt, die wir umgehend beheben. Einerseits musst du lediglich die Y Eigenschaft der Error Message auf das neue Stifteingabe Element beziehen.

Y = pi_Formular.Y + pi_Formular.Height

Der zweite Fehler betrifft die Update Eigenschaft der Datacard. Diesen kannst du beheben, indem du beim Speichern Button eine Variable definierst (varBlob). Darin speicherst du den Blob (Binary Large Object), der das Bild der Unterschrift beinhaltet. Diese Variable übergibst du dann ohne Anführungszeichen in der Update Eigenschaft.

Code:

Speichern Button
OnSelect =
Set(varBlob;JSON(pi_Formular.Image;JSONFormat.IncludeBinaryData));; SubmitForm(frm_Unterschriften);; ViewForm(frm_Unterschriften)

Datacard Update Eigenschaft
Update = varBlob

Gespeicherte Daten in Power Apps anzeigen

Um gespeicherte Unterschriften in deiner App anzuzeigen, ist ein Bild Steuerelement erforderlich. Da die Unterschriften in SharePoint als Blob (mit " am Beginn und Ende des Strings) abgespeichert sind, musst du für die Darstellung eine Anpassung vornehmen. Mit der Substitute Funktion kannst du die " am Beginn und Ende entfernen und somit das Bild reibungslos darstellen.

Code:
Image = Substitute(ThisItem.Unterschrift;"""";"")

In meinem Blogbeitrag zum Thema Kameraaufnahme in SharePoint speichern zeige ich auch eine Lösung zur Speicherung dieser Bilder.