Erstellen eines adaptiven Formulars

Letzte Aktualisierung: 2023-07-26
  • Erstellt für:
  • Beginner
    User
    Developer

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Datenerfassung Kernkomponenten für Erstellen neuer adaptiver Forms oder Hinzufügen von Adaptive Forms zu AEM Sites-Seiten. Diese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Forms dar und sorgen für beeindruckende Benutzererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen von Adaptive Forms mithilfe von Foundation-Komponenten beschrieben.

Version Artikel-Link
AEM as a Cloud Service Hier klicken
AEM 6.5 Dieser Artikel

Erstellen eines adaptiven Formulars

Führen Sie die folgenden Schritte aus, um ein adaptives Formular zu erstellen.

  1. Zugreifen auf die Experience Manager Forms-Autoreninstanz unter https://'[server]:[port]'/<custom-context-if-any>.

  2. Geben Sie Ihre Anmeldedaten auf der Experience Manager-Anmeldeseite ein.

    Wenn Sie sich angemeldet haben, tippen Sie in der oberen linken Ecke auf Adobe Experience Manager > Formulare > Formulare und Dokumente.

    HINWEIS

    Bei einer Standardinstallation lautet der Benutzername admin und das Kennwort admin.

  3. Tippen Sie auf Erstellen und wählen Sie Adaptives Formular.

  4. Eine Option zum Auswählen einer Vorlage wird angezeigt. Weitere Informationen zu Vorlagen finden Sie unter Adaptive Formularvorlagen. Tippen Sie auf eine Vorlage, um sie auszuwählen, und dann auf „Weiter“.

  5. Die Option „Eigenschaften hinzufügen“ wird angezeigt. Geben Sie die Werte für die folgenden Eigenschaftenfelder an. Die Felder „Titel“ und „Name“ sind obligatorisch.

    • Titel: Gibt den Anzeigenamen des Formulars an. Der Titel erleichtert Ihnen die Identifizierung des Formulars in der Benutzeroberfläche von Experience Manager Forms.
    • Name: Gibt den Namen des Formulars an. Im Repository wird ein Knoten mit dem angegebenen Namen erstellt. Wenn Sie mit der Eingabe des Titels beginnen, wird automatisch ein Wert für das Feld „Name“ vorgeschlagen. Sie können den vorgeschlagenen Wert gegebenenfalls ändern. Im Feld „Name“ dürfen nur alphanumerische Zeichen, Bindestriche und Unterstriche eingegeben werden. Alle ungültigen Eingaben werden durch Bindestriche ersetzt.
    • Beschreibung: Gibt detaillierte Informationen zum Formular an.
    • Tags: Gibt Tags an, die eine eindeutige Identifizierung des adaptiven Formulars ermöglichen. Tags erleichtern die Suche nach dem Formular. Um die Tags zu erstellen, geben Sie neue Tag-Namen in das Feld Tags ein.
  6. Sie können ein adaptives Formular erstellen, das auf den folgenden Formularmodellen basiert:

    Sie können diese auf der Registerkarte Formularmodell konfigurieren. Sie befindet sich auf der Seite Eigenschaften hinzufügen. Standardmäßig ist das ausgewählte Formularmodell Keines.

  7. Tippen Sie auf Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

    Sobald Sie alle Eigenschaften angegeben haben, klicken Sie auf Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

    Sobald Sie alle Eigenschaften angegeben haben, klicken Sie auf Erstellen. Ein adaptives Formular wird erstellt und es wird ein Dialogfeld zum Öffnen des Formulars zur Bearbeitung angezeigt.

  8. Tippen Sie auf Öffnen, um das neu erstellte Formular in einer neuen Registerkarte zu öffnen. Das Formular wird zur Bearbeitung geöffnet und zeigt die in der Vorlage verfügbaren Inhalte an. Er zeigt auch die Seitenleiste an, um das neu erstellte Formular entsprechend den Anforderungen anzupassen.

    Je nach Typ des adaptiven Formulars werden auf der Registerkarte Datenmodellobjekte des Inhaltbrowsers in der Seitenleiste die Formularelemente angezeigt, die in der zugeordneten XFA-Formularvorlage, dem XML-Schema oder JSON-Schema vorhanden sind. Sie können diese Elemente auch per Drag & Drop verschieben, um Ihr adaptives Formular zu erstellen.

    Informationen zur Authoring-Oberfläche für adaptive Formulare und zu verfügbaren Komponenten finden Sie unter Einführung in das Authoring adaptiver Formulare.

    HINWEIS

    Lassen Sie Popup-Fenster in Ihrem Browser zu, um das neu erstellte Formular in einer neuen Registerkarte zu öffnen.

Erstellen eines adaptiven Formulars basierend auf einem Formulardatenmodell

Durch die Experience Manager Forms Datenintegration können Sie mehrere Datenquellen integrieren, ihre Entitäten und Services zusammenführen und so ein Formulardatenmodell erstellen. Dabei handelt es sich um eine Erweiterung des JSON-Schemas. Sie können ein Formulardatenmodell verwenden, um ein adaptives Formular zu erstellen. Die in einem Formulardatenmodell konfigurierten Entitäten oder Datenmodellobjekte sind als Datenmodellobjekte für die Formularbearbeitung verfügbar. Sie sind an die jeweiligen Datenquellen gebunden und werden verwendet, um ein Formular vorauszufüllen und die übermittelten Daten zurück in die entsprechenden Datenquellen zu schreiben. Sie können auch Services aufrufen, die in einem Formulardatenmodell mit Regeln für adaptive Formulare konfiguriert sind.

So verwenden Sie ein Formulardatenmodell zum Erstellen eines adaptiven Formulars:

  1. Wählen Sie auf der Registerkarte „Formularmodell“ im Bildschirm „Eigenschaften hinzufügen“ Formulardatenmodell aus der Dropdownliste Auswählen aus.

    Create-af-1-1

  2. Tippen Sie auf Formulardatenmodell auswählen, um es zu erweitern. Alle verfügbaren Formulardatenmodelle werden aufgelistet.

    Wählen Sie ein Formulardatenmodell aus.

    Create-af-2-1

HINWEIS

Sie können das Formulardatenmodell für ein adaptives Formular auch ändern. Anweisungen hierfür finden Sie unter Bearbeiten von Formularmodelleigenschaften eines adaptiven Formulars.

Erstellen eines adaptiven Formulars basierend auf einer XFA-Formularvorlage

Sie können Ihre XFA-Formularvorlagen erneut verwenden, um adaptive Formulare zu erstellen. Laden Sie zu diesem Zweck eine XFA-Formularvorlage hoch und verknüpfen Sie sie mit einem adaptiven Formular. Die Elemente der Formularvorlage (XFA-Formular) werden zum Zeitpunkt des Authoring adaptiver Formulare zur Verwendung in der Inhaltssuche bereitgestellt. Sie können die Formularvorlagenelemente per Drag & Drop aus der Inhaltssuche in das Formular ziehen.

Erstellen eines adaptiven Formulars basierend auf einem XML- oder JSON-Schema

XML- und JSON-Schemas stellen die Struktur dar, in der Daten vom Back-End-System in Ihrer Organisation produziert oder genutzt werden. Sie können ein Schema mit einem adaptiven Formular verknüpfen und dem adaptiven Formular mithilfe der Elemente aus dem Schema dynamische Inhalte hinzufügen. Die Elemente des Schemas stehen auf der Registerkarte „Datenmodellobjekt“ des Inhalts-Browsers für das Erstellen von adaptiven Formularen zur Verfügung. Sie können die Schemaelemente zum Erstellen des Formulars ziehen und ablegen.

In den folgenden Dokumenten erfahren Sie, wie Sie ein XML- oder JSON-Schema für das Authoring adaptiver Formulare entwerfen.

Führen Sie folgende Schritte aus, um ein XML- oder JSON-Schema als Formularmodell für ein adaptives Formular zu verwenden:

  1. Tippen Sie auf der Seite zum Erstellen adaptiver Formulare beim Schritt Eigenschaften hinzufügen auf die Registerkarte Formularmodell.

  2. Wählen Sie auf der Registerkarte „Formularmodell“ Schema aus dem Dropdown-Feld Auswählen.

  3. Tippen Sie auf Schema auswählen und führen Sie einen der folgenden Schritte aus:

    • Von Datenträger hochladen – Wählen Sie diese Option und tippen Sie auf „Schemadefinition hochladen“, um ein XML- oder JSON-Schema in Ihrem Dateisystem zu suchen und hochzuladen. Die hochgeladene Schemadatei befindet sich im Formular und ist für andere adaptive Formulare nicht zugänglich.
    • Im Repository suchen - Wählen Sie diese Option aus der Liste der Schemadefinitionsdateien, die im Repository verfügbar sind. Wählen Sie die XML- oder JSON-Schemadatei als Formularmodell aus. Das ausgewählte Schema wird dem Formular per Verweis zugeordnet und kann für andere adaptive Formulare verwendet werden.
    VORSICHT

    Stellen Sie sicher, dass der Dateiname des JSON-Schemas mit .schema.json. Beispiel: mySchema.schema.json

    Auswählen eines XML- oder JSON-Schemas
    Abbildung: Auswählen eines XML- oder JSON-Schemas

  4. (Nur für XML-Schema) Nachdem Sie ein XML-Schema ausgewählt oder hochgeladen haben, geben Sie ein Stammelement der ausgewählten XSD-Datei an, das mit dem adaptiven Formular zugeordnet werden soll.

    Auswählen eines XSD-Stammelements
    Abbildung: XSD-Stammelement auswählen

HINWEIS

Sie können das Schema für ein adaptives Formular ändern. Anweisungen hierfür finden Sie unter Bearbeiten von Formularmodelleigenschaften eines adaptiven Formulars.

Adaptive Formularvorlagen

Eine Vorlage bietet eine Grundstruktur für adaptive Formulare und definiert deren Erscheinungsbild (Layouts und Stile). Sie enthält vorformatierte Komponenten einschließlich bestimmter Eigenschaften und einer Struktur für Inhalte.

Darüber hinaus können Sie mit dem Vorlagen-Editor eigene Vorlagen erstellen. Weitere Informationen zum Arbeiten mit Vorlagen finden Sie unter Adaptive Formularvorlagen.

HINWEIS

Wenn Sie ein adaptives Formular öffnen, das mit der erweiterten Vorlage zur Bearbeitung erstellt wurde, wird eine Fehlermeldung angezeigt. Die erweiterte Vorlage verfügt über eine Signaturschritt-Komponente und Adobe Sign ist dafür standardmäßig aktiviert. Erstellen und wählen Sie eine Adobe Sign-Cloud-Konfiguration und Signierer konfigurieren um den Fehler zu beheben.

Formularmodelleigenschaften eines adaptiven Formulars bearbeiten

Adaptive Formulare werden ohne Formularmodell (unter Verwendung der Option "Keine"für Formularmodell) oder mit einem Formularmodell wie einer Formularvorlage, einem XML-Schema oder einem JSON-Schema oder einem Formulardatenmodell erstellt. Sie können das Formularmodell für ein adaptives Formular von "Ohne"in ein anderes Formularmodell ändern. Für adaptive Formulare, die auf einem Formularmodell basieren, können Sie eine andere Formularvorlage, ein XML-Schema, ein JSON-Schema oder ein Formulardatenmodell für dasselbe Formularmodell auswählen. Sie können jedoch nicht zwischen Formularmodellen wechseln.

  1. Wählen Sie das adaptive Formular aus und tippen Sie auf das Symbol Eigenschaften.

  2. Öffnen Sie die Registerkarte Formularmodell und wählen Sie eine der folgenden Vorgehensweisen.

    • Wenn das adaptive Formular ohne Formularmodell vorliegt, können Sie ein anderes Formularmodell auswählen und dementsprechend eine Formularvorlage, ein XML- oder JSON-Schema oder ein Formulardatenmodell auswählen.
    • Wenn das adaptive Formular auf einem Formularmodell basiert, können Sie eine andere Formularvorlage, ein XML- oder JSON-Schema oder ein Formulardatenmodell für dasselbe Formularmodell auswählen.
  3. Tippen Sie auf Speichern, um die Eigenschaften zu speichern.

Adaptives Formular automatisch speichern

Standardmäßig werden die Inhalte eines adaptiven Formulars in einer Benutzeraktion gespeichert, z. B. durch Drücken der Schaltfläche "Speichern". Sie können auch ein adaptives Formular so konfigurieren, dass Inhalt basierend auf einem Ereignis oder einem Zeitintervall automatisch gespeichert wird. Die Option "Automatisches Speichern"ist in folgenden Bereichen hilfreich:

  • Automatisches Speichern des Inhalts für anonyme und angemeldete Benutzer
  • Inhalt eines Formulars ohne oder mit minimalem Benutzereingriff speichern
  • Speichern von Inhalt eines Formulars basierend auf einem Benutzerereignis starten
  • Wiederholtes Speichern des Formularinhalts nach einem bestimmten Zeitintervall

Automatisches Speichern für ein adaptives Formular aktivieren

Die Option „Automatisches Speichern“ ist standardmäßig nicht aktiviert. Sie können die Option „Automatisches Speichern“ über die Registerkarte „Automatisches Speichern“ eines adaptiven Formulars aktivieren. Die Registerkarte „Automatisches Speichern“ bietet mehrere weitere Konfigurationsoptionen. Führen Sie zum Aktivieren und Konfigurieren der Option „Automatisches Speichern“ für ein adaptives Formular folgende Schritte durch:

  1. Um auf den Abschnitt für das automatische Speichern in den Eigenschaften zuzugreifen, wählen Sie eine Komponente aus und tippen Sie auf Feldebene > Container für ein adaptives Formular und anschließend auf cmppr.

  2. Im Automatisches Speichern Abschnitt, Aktivieren die Option "Automatisches Speichern".

  3. Im Adaptives Formularereignis geben Sie 1 oder TRUE an, um das Formular automatisch zu speichern, wenn es in den Browser geladen wird. Sie können auch einen bedingten Ausdruck für ein Ereignis angeben, das, wenn es ausgelöst wird und "true"zurückgibt, mit dem Speichern des Formularinhalts beginnt.

  4. Geben Sie den Trigger an. Das automatische Speichern wird basierend auf Ihrer Konfiguration ausgelöst. Ihre Optionen sind:

    • Zeitbasiert: Wählen Sie diese Option, um den Inhalt anhand eines bestimmtes Zeitintervalls zu speichern.
    • Ereignisbasiert: Wählen Sie diese Option, um den Inhalt beim Auslösen eines Ereignisses zu speichern.

    Wenn Sie einen Trigger auswählen, ist das Feld "Strategiekonfiguration"aktiviert. Das Feld "Strategiekonfiguration"ermöglicht Folgendes:

    • ein Zeitintervall angeben, wenn Sie Zeitbasiert für den Auslöser wählen.
    • Den Namen des Ereignisses angeben, wenn Sie Ereignisbasiert für den Auslöser wählen.
  5. (Nur zeitbasiertes automatisches Speichern) Führen Sie die folgenden Schritte aus, um die Optionen für das zeitbasierte automatische Speichern zu konfigurieren.

    1. Im Automatisches Speichern in diesem Intervall Legen Sie das Zeitintervall in Sekunden fest. Das Formular wird wiederholt gespeichert, nachdem die im Intervallfeld angegebene Anzahl von Sekunden abgelaufen ist.
  6. (Nur ereignisbasiertes automatisches Speichern) Führen Sie die folgenden Schritte aus, um Optionen für ereignisbasiertes automatisches Speichern zu konfigurieren.

    1. Geben Sie im Feld Automatisch nach diesem Ereignis speichern ein GuideBridge-Ereignis an. Das Formular wird immer dann gespeichert, wenn der Ausdruck „TRUE“ ergibt.
  7. (Optional) Um den Inhalt automatisch für anonyme Benutzer zu speichern, wählen Sie die Option Automatisches Speichern für anonyme Benutzer aktivieren und klicken Sie auf OK.

    HINWEIS

    Damit die Option zum automatischen Speichern für anonyme Benutzer funktioniert, stellen Sie sicher, dass Sie den allgemeinen Forms-Konfigurationsdienst so konfiguriert ist, dass alle Benutzer Formulare in der Vorschau anzeigen, überprüfen und zu signieren können.

    Um den Service zu konfigurieren, navigieren Sie zur Adobe Experience Manager Web Console-Konfiguration unter https://'[server]:[port]'system/console/configMgr und bearbeiten Sie den allgemeinen Forms-Konfigurations-Service, um die Option Alle Benutzer im Feld Zulassen auszuwählen und die Konfiguration zu speichern.

Auf dieser Seite