Verwenden der Scribble-Signatur in HTML5-Formularen

Letzte Aktualisierung: 2023-12-28

HTML5-Formulare werden zunehmend auf Touch-Geräten verwendet. Eine gängige Voraussetzung ist die Unterstützung von Signaturen. Die Skripterstellung (Schreiben mit einem Stift oder Finger) wird zu einer gängigen Methode, Formulare auf Mobilgeräten zu signieren. HTML5 Forms und Designer bieten jetzt auf dem Formular ein Feld für die Scribble-Signatur. Wenn das Formular im Browser wiedergegeben wird, kann man diese Felder mit einem Stil, einer Maus oder einem Touch kennzeichnen.

Entwerfen eines Formulars mithilfe des Scribble-Signatur-Felds

  1. Öffnen Sie ein Formular in Forms Designer.

  2. Ziehen das Scribble-Signatur-Feld auf die Seite.

    designer_scribble

    HINWEIS

    Die Abmessungen des in Forms Designer ausgewählten Feldes werden beim Rendern des Feldes berücksichtigt. Die Dimension des wiedergegebenen Signaturfelds wird jedoch auf der Grundlage des Seitenverhältnisses des Felds und nicht anhand der in Forms Designer festgelegten Dimension berechnet.

  3. Konfigurieren Sie das Scribble-Signatur-Feld.

    Das Scribble-Signatur -Feld kennzeichnet beim Signieren auf iPad standardmäßig Geolocation-Informationen als obligatorisch (und ist für andere Geräte optional). Dieses Standardverhalten kann außer Kraft gesetzt werden, indem der Wert der Eigenschaft geoLocMandatoryOnIpad geändert wird. Diese Eigenschaft wird als Extras im Scribble-Signatur-Feld bereitgestellt. Gehen Sie zur Änderung wie folgt vor:

    1. Wählen Sie im Formular das Scribble-Signatur -Feld aus.

    2. Wählen Sie die Registerkarte XML-Quelle.

      HINWEIS

      Um die Registerkarte „XML-Quelle“ zu öffnen, klicken Sie auf Ansicht > XML-Quelle.

    3. Suchen Sie das Tag <ui> im Tag <field> und ändern Sie den Quell-Code so, dass er wie folgt aussieht:

      <extras name="x-scribble-add-on">
      <boolean name="geoLocMandatoryOnIpad">0</boolean>
      </extras>
      
    4. Wählen Sie die Designansicht Registerkarte. Klicken Sie im Bestätigungsfeld auf Ja.

    5. Speichern Sie das Formular.

  4. Wiedergabe des Formulars in einem unterstützten Geräte-/Desktop-Browser.

Benutzeroberfläche für Scribble-Signaturen

Signing

Nachdem dem Formular ein Scribble-Signatur-Feld hinzugefügt und wiedergegeben wurde, wird durch Klicken oder Tippen auf das Feld ein Dialogfeld geöffnet. Der Benutzer kann mithilfe einer Maus, eines Fingers oder eines Stylus eine Signatur in dem gepunkteten Bereich, der durch ein gepunktetes Rechteck gekennzeichnet ist, kritzeln.

geolocation

A. Pinsel B. Radiergummi C. Geolocation D. Geografische Informationen

Geotagging

Wenn Sie beim Erstellen des Scribble auf das Geolocation-Symbol klicken, werden geografische Informationen und die Uhrzeit in das Feld eingebettet.

HINWEIS

In iPad ist standardmäßig das Einbetten von Geolocation-Informationen obligatorisch.

In der iPad wird das Geolocation-Symbol nicht standardmäßig angezeigt und die Geolocation-Informationen werden automatisch eingebettet, wenn Sie auf OK.

Diese Einstellung kann auf iPads geändert werden, indem in den init-Parametern des Feldes der Wert des Parameters geoLocManadatoryOnIpad auf 0 gesetzt wird.

  • Wenn Geolocation-Informationen erforderlich sind, wird dem Benutzer ein reduzierter Zeichenbereich angezeigt. Geolocation-Text wird hinzugefügt, wenn der Benutzer auf OK auf dem anderen Bereich angezeigt.
  • In anderen Fällen wird dem Benutzer ein vollständiger Bereich angezeigt, in dem er zu verwenden ist. Wenn der Benutzer Geolocation-Informationen einbetten möchte, wird die Größe dieses Bereichs so geändert, dass der Geolocation-Text berücksichtigt wird.

Signatur löschen

Bei dieser Funktion kann ein Benutzer auf das Symbol Radiergummi klicken, um den Inhalt des Felds zu löschen und von vorne zu beginnen. Wenn Geolocation-Informationen hinzugefügt wurden, werden sie ebenfalls gelöscht.

Speichern einer Signatur

Klicken Sie auf OK speichert das Scribble als Bild im Feld. Das Bild und die Werte können zur weiteren Verarbeitung an den Server gesendet werden. Nachdem ein Benutzer geklickt hat OK, ist das Scribble-Feld gesperrt. Die Signatur kann nicht mit dem Scribble-Widget erneut bearbeitet werden.

Durch Tippen oder Klicken auf das Scribble-Feld wird das Dialogfeld im schreibgeschützten Modus geöffnet.

3

Auswählen der Schriftgröße

Klicken Sie auf das Symbol Pinsel, um eine Liste der verfügbaren Stiftgrößen anzuzeigen. Klicken Sie auf die Pen-Größe, um den entsprechenden Pen zu verwenden.

Löschen von Signaturen aus dem Formular

So löschen Sie die Signaturen aus dem Formular:

  • (Mobilgeräte) Drücken Sie lange auf das Signaturfeld und wählen Sie im Bestätigungsdialogfeld die Option Ja.
  • (Desktop) Bewegen Sie den Mauszeiger über das Signaturfeld und klicken Sie auf das Abbrechen und im Bestätigungsdialogfeld auf Ja.

Auf dieser Seite