Erstellen von HTML5-Formularen

HTML5 forms ist eine neue Funktion in Adobe Experience Manager, die die Wiedergabe von XFA-Formularvorlagen (xdp) im HTML5-Format ermöglicht. Diese Funktion ermöglicht das Anzeigen von Formularen auf mobilen Geräten und Desktop-Browsern, auf denen XFA-basierte PDF nicht unterstützt werden. „HTML5-Formulare“ Forms unterstützt nicht nur vorhandene Funktionen XFA-basierter Formularvorlagen, sondern bietet auch neue Funktionen für mobile Geräte wie die Scribble-Signatur.

Voraussetzung

Stellen Sie sicher, dass Sie über eine funktionierende Instanz von AEM Forms verfügen. Bitte folgen Sie dem Installationshandbuch Installieren und Konfigurieren von AEM Forms

Erstellen Sie Ihr erstes HTML5-Formular

  1. Herunterladen und Extrahieren des Inhalts der ZIP-Datei. Die ZIP-Datei enthält xdp und die Datendatei
  2. Navigieren zu Forms und Dokumenten
  3. Klicken Sie auf Erstellen > Datei-Upload .
  4. Wählen Sie die in Schritt 2 heruntergeladene xdp-Vorlage aus.

Vorschau als HTML

Die xdp kann im HTML5-Format oder im PDF-Format in der Vorschau angezeigt werden. Gehen Sie wie folgt vor, um eine Vorschau des XDP im HTML5-Format anzuzeigen

  • Tippen Sie auf die neu hochgeladene xdp und klicken Sie auf Vorschau -> Vorschau als HTML anzeigen. Die xdp sollte als HTML5 gerendert werden.
HINWEIS

Wenn Sie Vorschau als PDF -Option wird die gerenderte PDF nicht im Browser angezeigt, da AEM Forms dynamische PDFs rendert, die das Acrobat-Plug-in erfordern. Sie müssen die PDF herunterladen und mit Adobe Acrobat/Reader öffnen, um sie anzuzeigen

Vorschau mit Daten

Gehen Sie wie folgt vor, um eine Vorschau des XDP im HTML5-Format mit einer Datendatei anzuzeigen:

  • Tippen Sie auf die neu hochgeladene xdp und klicken Sie auf Vorschau -> Vorschau mit Daten. Durchsuchen und wählen Sie die Datendatei aus und klicken Sie auf Vorschau.
  • Sie sollten eine Vorlage sehen, die im HTML 5-Format gerendert wird und mit den Daten vorausgefüllt ist

Erweiterte Eigenschaften der xdp-Vorlage durchsuchen

Die erweiterten Eigenschaften der xdp-Vorlage ermöglichen es Ihnen, Veröffentlichungsdatum, Sende-Handler, Renderprofil für Ihr Formular, Vorbefüllungs-Service usw. anzugeben. Um die erweiterten Eigenschaften der Vorlage anzuzeigen, tippen Sie auf die XDP-Datei und klicken Sie auf properties -> Erweitert. Hier finden Sie eine Reihe von Immobilien. Einige dieser Eigenschaften werden hier behandelt.

Sende-URL - Dies ist die URL, die die Übermittlung Ihres HTML5-Formulars verarbeitet. Wir werden dies in der nächsten Lektion behandeln. Wenn hier keine Sende-URL angegeben ist, wird der standardmäßige Sende-Handler aufgerufen, der die Formulardaten an den Browser zurückgibt.

HTML Render Profile - HTML5-Formulare haben den Begriff "Profile", die als REST-Endpunkte verfügbar gemacht werden, um die mobile Wiedergabe von Formularvorlagen zu ermöglichen. Die Mehrzahl der Fälle, in denen das standardmäßige Renderprofil ausreichend sein sollte, um das Formular wiederzugeben. Wenn das standardmäßige Renderprofil Ihre Anforderungen nicht erfüllt, wird ein Benutzerdefiniertes Profil kann erstellt und mit dem Formular verknüpft werden.

Vorbefüllungs-Dienst - Der Vorbefüllungs-Dienst wird normalerweise verwendet, um Ihr Formular mit Daten zu füllen, die aus einer Backend-Datenquelle abgerufen werden.

Auf dieser Seite