Wiki-Quellcode von Widget-Plugin: Signatur

Zeige letzte Bearbeiter
1 [[**Plugin-Download**>>url:https://customer.formcycle.eu/index.php/s/cyYADxNE0kZIVik||rel="noopener noreferrer" target="_blank"]]
2
3 {{content/}}
4
5 {{figure image="Widget Signatur_html_1e0db3f531b05a9c.png" clear="h1"}}
6 Position des Widgets im Designer und Aussehen des Elements im Formular.
7 {{/figure}}
8
9
10 {{html wiki="true"}}
11 <div class='xm-figure xm-float-right xm-clear-h1' data-alt='Position des Widgets im Designer und Aussehen des Elements im Formular.'><div class='xm-figure-inner' style='width:310px'>{{lightbox image='Widget Signatur_html_1e0db3f531b05a9c.png' width='300' group='$height' group='$group' title='Position des Widgets im Designer und Aussehen des Elements im Formular.'/}}<div class='xm-figure-caption'>Position des Widgets im Designer und Aussehen des Elements im Formular.</div></div></div>
12 {{/html}}
13
14 {{figure image="Widget Signatur_html_3562ce6ecacc98e0.png" clear="h1"}}
15 Beispiel für eine eingefügte Unterschrift in einem Formular. Mit dem roten Minus-Button in der oberen rechten Ecke kann eine eingegebene Unterschrift wieder gelöscht werden.
16 {{/figure}}
17
18
19 Das Plugin stellt ein neues Eingabeelement im Designer zur Verfügung und ermöglicht das Zeichnen mit der Maus in einem dafür vorgesehenen Bereich und ist als digitales Unterschriftenfeld vorgesehen.
20
21
22 == Funktionsbeschreibung ==
23
24 Besonders in Verbindung mit einem Touch-Bildschirm oder mit elektronischer Stifteingabe bietet sich die Verwendung dieses Elements an. Das Element erzeugt nach dem Zeichnen  eine Bilddatei, welche als Base64 codierter Text mit dem Formular an den Server abgesendet wird.
25
26 == Installation ==
27
28 Das Plugin kann als Mandant-Plugin oder System-Plugin installiert werden. Eine Anleitung zur Installation von Plugins finden Sie [[hier>>doc:Formcycle.UserInterface.Client.Plugins.WebHome]].
29
30 == Verwendete CSS-Klassen ==
31
32 Das Element verwendet folgende CSS Klassen:
33
34 * Unterschriftenelement: **.XSignature**
35
36 * Container des Unterschriftenelements: **.CXSignature**
37
38 == Versionshistorie ==
39
40 === 2.2.0 ===
41
42 * Feature: Es ist nun zusätzlich möglich die Schriftfarbe des Schrift anzupassen. Außerdem besteht die Möglichkeit ein Bild einzufügen, so dass dort Markierungen vorgenommen werden könnten.