Wiki-Quellcode von Handschriftliche Unterschrift (jSignature)
Zeige letzte Bearbeiter
author | version | line-number | content |
---|---|---|---|
1 | {{content/}} | ||
2 | |||
3 | Es ist möglich, in einem Formular ein Feld für eine handschriftliche Unterschrift anzubieten. Der Nutzer kann die Unterschrift dann mit der Maus oder mit einem Stift auf einem berührungsempfindlichen Bildschirm (Touchscreen) vornehmen. | ||
4 | |||
5 | Hierzu kommt die [[Javascript-Bibliothek jSignature>>url:https://willowsystems.github.io/jSignature]] zum Einsatz. Diese ist bereits in {{formcycle case="acc"/}} eingebunden, sodass zur Nutzung keine weiteren Schritte erforderlich sind. | ||
6 | |||
7 | == Nutzung im Formular == | ||
8 | |||
9 | {{figure image="FCSign.png" width="400"}} | ||
10 | Einfügen einer //TextArea// für handschriftliche Unterschriften mittels //jSignature//. | ||
11 | {{/figure}} | ||
12 | |||
13 | Um ein Feld für die handschriftliche Unterschrift anzubieten, geht man wie folgt vor. | ||
14 | |||
15 | * Ein Formularelement vom Typ [[Textarea>>doc:Main.Textarea]] in das Formular einfügen. | ||
16 | * Dieser Textarea das [[Attribut>>doc:Main.Attribute]] //signature// mit dem Wert //signature// geben. | ||
17 | |||
18 | {{info}} | ||
19 | Unter //Bedinungen// sollte der Wert für //Max. Zeichen// auf 0 gesetzt werden. Das Bild wird kodiert als Base64-String in die Textarea geschrieben. | ||
20 | {{/info}} | ||
21 | |||
22 | == Weiterverwendung der Unterschrift == | ||
23 | |||
24 | Wird das abgesendete Formular im Posteingang aufgerufen, erscheint die Unterschrift als Bild, wie sie im Formular geschrieben wurde. | ||
25 | |||
26 | Intern wird die Unterschrift kodiert als //Base64//-String in der //TextArea// beim Absenden des Formulars mitgeschickt. | ||
27 | |||
28 | Soll ein PDF-Dokument aus dem abgesendeten Formular mittels einer [[Aktion>>doc:Main.UserInterface.MyForms.WorkflowProcessing.Actions.WebHome]] vom Typ [[PDF (Fill)>>doc:Main.UserInterface.MyForms.WorkflowProcessing.Actions.PDFFill.WebHome]] erzeugt werden, muss das Vorlagedokument entsprechend vorbereitet werden. Hierzu wird der Zusatz //b64image// an den Namen des Formularelementes im PDF angehangen. Dies ist im Unterabschnitt [[Voraussetzung PDF>>doc:Main.Voraussetzunbg PDF]] erläutert. |