Erstellen eines adaptiven Formulars (Foundation-Komponenten) creating-an-adaptive-form

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

Adobe empfiehlt die Verwendung der modernen und erweiterbaren Kernkomponentenzur Datenerfassung für das Erstellen neuer adaptiver Formulareoder das Hinzufügen von adaptiven Formularen zu AEM Sites-SeitenDiese Komponenten stellen einen bedeutenden Fortschritt bei der Erstellung adaptiver Formulare dar und sorgen für beeindruckende Anwendererlebnisse. In diesem Artikel wird der ältere Ansatz zum Erstellen von adaptiven Formularen mithilfe von Foundation-Komponenten beschrieben.

Mit Adaptive Forms können Sie Formulare erstellen, die ansprechend, reaktionsfähig, dynamisch und anpassungsfähig sind. AEM Forms bietet einen benutzerfreundlichen Assistenten, mit dem sich adaptive Formulare schnell erstellen lassen. Der Assistent bietet eine schnelle Registerkartennavigation, mit der Sie einfach vorkonfigurierte Vorlagen, Stile, Felder und Übermittlungsoptionen auswählen können, um ein adaptives Formular zu erstellen.

Bevor Sie beginnen, erfahren Sie mehr über die Arten der Formular-Komponenten, die Ihnen zur Verfügung stehen:

  • Kernkomponenten für adaptive Formulare sind standardisierte Datenerfassungskomponenten. Diese Komponenten bieten Anpassungsfunktionen, kürzere Entwicklungszeiten und niedrigere Wartungskosten für Ihre Erlebnisse bei der digitalen Registrierung. Entwickelnde können diese Komponenten einfach anpassen und gestalten. Adobe empfiehlt die Nutzung dieser modernen und erweiterbaren Komponenten zur Entwicklung von adaptiven Formularen.

  • Foundation-Komponenten für adaptive Formulare sind klassische (alte) Datenerfassungskomponenten. Sie können diese weiterhin verwenden, um Ihre vorhandenen Foundation-Komponenten auf Grundlage des adaptiven Formulars zu bearbeiten. Wenn Sie neue Formulare erstellen, empfiehlt Adobe die Verwendung von Kernkomponenten von adaptiven Formularen, um ein adaptives Formular zu erstellen.

Assistent zum Erstellen eines adaptiven Formulars

Voraussetzungen

Zum Erstellen eines adaptiven Formulars benötigen Sie Folgendes:

  • Berechtigungen: Fügen Sie Ihre Benutzenden zu forms-users hinzu, um ihnen die notwendigen Berechtigungen zum Erstellen eines adaptiven Formulars zu erteilen. Eine detaillierte Liste der formularspezifischen Benutzergruppen finden Sie unter Gruppen und Berechtigungen.

  • Ein adaptives Formular: Ein Design enthält Stildetails für die Komponenten und Bedienfelder. Die Stile umfassen Eigenschaften wie Hintergrundfarben, Statusfarben, Transparenz, Ausrichtung und Größe. Wenn Sie ein Design anwenden, spiegeln die entsprechenden Komponenten den angegebenen Stil wider. Sie können ein Design erstellen oder ein vorhandenes Design importieren. Sie können auch den neuesten Archetyp für einige Beispielthemen bereitstellen.

  • Eine adaptive Formularvorlage: Eine Vorlage liefert eine Grundstruktur und definiert das Erscheinungsbild (Layouts und Stile) eines adaptiven Formulars. Es enthält vorformatierte Komponenten einschließlich bestimmter Eigenschaften und einer Struktur für Inhalte. Es bietet außerdem die Optionen zum Definieren eines Designs und einer Übermittlungsaktion. Das Design definiert den Look-and-Feel und die Übermittlungsaktion definiert die Aktion, die bei der Übermittlung eines adaptiven Formulars ausgeführt werden soll. Senden der erfassten Daten an eine Datenquelle. Der Cloud-Dienst unterstützt zwei Arten von Vorlagen:

    • Bearbeitbare Vorlage: Sie können eine neue Vorlage erstellen oder eine vorhandene bearbeitbare Vorlage importieren. Sie können auch den neuesten Archetyp bereitstellen, um einige bearbeitbare Beispielvorlagen zu erhalten.

    • Statische Vorlage: Hierbei handelt es sich um veraltete Vorlagen, die nur für Kunden empfohlen werden, die von Adobe Managed Services (AMS)- und On-Premise-AEM Forms-Installationen (AEM 6.5 Forms oder früher) migrieren. Damit können Sie Ihre bereits getätigten Investitionen in statische Vorlagen verwenden. Wenn Sie ein adaptives Formular erstellen, verwenden Sie eine bearbeitbare Vorlage.

Erstellen eines adaptiven Formulars (Foundation-Komponenten) create-an-adaptive-form-foundation-components

  1. Öffnen Sie die Experience Manager Forms-Autoreninstanz. Dabei kann es sich um eine Cloud-Instanz oder eine lokale Entwicklungsinstanz handeln.

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

    Wenn Sie sich angemeldet haben, wählen Sie in der linken oberen Ecke Adobe Experience Manager > Formulare > Formulare und Dokumente.

  3. Wählen Sie Erstellen > Adaptives Formular. Der Assistent wird geöffnet.

  4. Wählen Sie auf der Registerkarte „Quelle“ eine Vorlage aus:

    • Wenn Sie eine bearbeitbare Vorlage auswählen, werden ein Design und eine Sendeaktion, die in der Vorlage angegeben sind, automatisch ausgewählt und die Erstellen-Schaltfläche wird aktiviert. Sie können zu den Registerkarten Stil oder Übermittlung gehen, um ein anderes Design oder eine andere Übermittlungsaktion auszuwählen. Wenn in der ausgewählten bearbeitbaren Vorlage kein Design angegeben wird, bleibt die Schaltfläche „Erstellen“ deaktiviert. Sie können zur Registerkarte Stile gehen, um ein Design manuell auszuwählen.

      note note
      NOTE
      Sie können auch eine Vorlage für ein Datensatzdokument unter Verwendung eines adaptiven Formulareditors erstellen. Weitere Informationen finden Sie unter Unterstützung von Datensatzdokumenten im adaptiven Formulareditor.
    • Wenn Sie eine statische Vorlage auswählen, sind die Optionen für Daten, Stil, Übermittlung, Bereitstellung und Vorschau-Optionen nicht verfügbar. Wenn Sie ein adaptives Formular erstellen, verwenden Sie eine bearbeitbare Vorlage.

  5. Wählen Sie auf der Registerkarte Stil ein Design aus:

    • Wenn die ausgewählte Vorlage ein Design angibt, wird das Design automatisch im Assistenten ausgewählt. Sie können auch auf der Registerkarte „Stil“ ein anderes Design auswählen.
    • Wenn in der ausgewählten Vorlage kein Design angegeben ist, können Sie auf der Registerkarte „Stil“ ein Design auswählen. Die Erstellen-Schaltfläche wird erst aktiviert, nachdem ein Design ausgewählt wurde.
  6. (Optional) Wählen Sie auf der Registerkarte Daten ein Datenmodell aus:

    • Formulardatenmodell: Ein Formulardatenmodell ermöglicht Ihnen die Integration von Entitäten und Diensten aus unterschiedlichen Datenquellen in ein adaptives Formular. Wählen Sie das Formulardatenmodell, wenn Sie ein adaptives Formular erstellen, für das Daten aus mehreren Datenquellen abgerufen und in sie geschrieben werden sollen.

    • JSON-Schema: Das JSON-Schema stellt die Struktur dar, in der Daten vom Back-End-System in Ihrer Organisation produziert oder genutzt werden. Sie können das Schema mit einem adaptiven Formular verknüpfen und dem Formular mithilfe der Elemente dieses Schemas dynamische Inhalte hinzufügen. Die Schemaelemente stehen beim Erstellen von adaptiven Formularen auf der Registerkarte „Datenmodellobjekte“ des Inhalts-Browsers zur Verfügung und alle Felder werden auch zum erstellten adaptiven Formular hinzugefügt.

    Standardmäßig sind alle Felder des Datenmodells ausgewählt. Wenn Sie das adaptive Formular erstellen, werden alle ausgewählten Datenmodellfelder in entsprechende adaptive Formularkomponenten konvertiert. Mit den Kontrollkästchen des Assistenten können Sie nur die Felder auswählen, die im adaptiven Formular enthalten sein sollen.

  7. Wählen Sie auf der Registerkarte Absenden eine Sendeaktion aus:

    • Wenn Sie eine Vorlage auswählen, wird die in der Vorlage angegebene Übermittlungsaktion automatisch ausgewählt. Sie können auf der Registerkarte „Übermittlung“ eine andere Übermittlungsaktion auswählen. Auf der Registerkarte Übermittlung werden alle verfügbaren Übermittlungsaktionen angezeigt.

    • Wenn die ausgewählte Vorlage keine Übermittlungsaktion angibt, können Sie auf der Registerkarte Übermittlung eine Übermittlungsaktion auswählen

  8. (Optional) Auf der Registerkarte „Versand“ können Sie ein Datum für die Veröffentlichung oder das Rückgängigmachen der Veröffentlichung eines adaptiven Formular angeben.

  9. Wählen Sie Erstellen aus. Es wird ein Dialogfeld angezeigt, in dem Sie den Titel, Namen und Speicherort des adaptiven Formulars angeben können:

    • 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.
    • Pfad: Gibt den Speicherort an, an dem das adaptive Formular gespeichert werden soll. Sie können das adaptive Formular direkt unter /content/dam/formsanddocuments erstellen oder einen Ordner wie /content/dam/formsanddocuments/adaptiveforms anlegen, um ein adaptives Formular zu speichern. Stellen Sie sicher, dass Sie den Ordner erstellen, bevor Sie ihn im Pfad verwenden. Das Feld Pfad: erstellt nicht automatisch einen Ordner.
  10. Wählen Sie Erstellen aus. Ein adaptives Formular wird erstellt und im Editor für adaptive Formulare geöffnet. Der Editor zeigt die in der Vorlage verfügbaren Inhalte an. Er zeigt auch die Seitenleiste an, um das erstellte Formular entsprechend den Anforderungen anzupassen.

    Je nach Typ des adaptiven Formulars werden auf der Registerkarte Datenmodellobjekte des Content-Browsers in der Seitenleiste die Formularelemente angezeigt, die im zugewiesenen -JSON-Schema oder Formulardatenmodell vorhanden sind. Sie können diese Elemente auch per Drag-and-Drop in das zu erstellende adaptive Formular ziehen.

Bearbeiten der Formularmodelleigenschaften eines adaptiven Formulars edit-form-model

Sie können das Formularmodell für ein adaptives Formular (JSON-basiertes oder Formulardatenmodell) ändern. Sie können nicht zwischen Formularmodellen wechseln.

  1. Wählen Sie das adaptive Formular aus und wählen Sie dann das Symbol Eigenschaften.

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

    • Wenn das adaptive Formular nicht auf einem Formularmodell basiert, können Sie ein Formularmodell und ein entsprechendes XML- oder JSON-Schema oder ein Formulardatenmodell auswählen.
    • Bei einem adaptiven Formular, das auf einem Formularmodell basiert, können Sie ein anderes XML-Schema, JSON-Schema oder Formulardatenmodell für dasselbe Formularmodell wählen.
  3. Wählen Sie Speichern aus, um die Änderungen zu speichern.

Sie können die Eigenschaften des Formularmodells auch im Editor für adaptive Formulare oder im Vorlagen-Editor für adaptive Formulare ändern.

  1. Wählen Sie die Komponente Adaptiver Formular-Container (Stamm) aus.

  2. Klicken Sie auf das Symbol Symbol konfigurieren , um die Eigenschaften des adaptiven Formular-Containers zu öffnen.

  3. Öffnen Sie die Registerkarte Datenmodell und führen Sie eine der folgenden Aktionen aus:

    • Wenn das adaptive Formular nicht auf einem Formularmodell basiert, können Sie ein Formularmodell und ein entsprechendes XML- oder JSON-Schema für eine oder ein Formulardatenmodell auswählen.
    • Wenn das adaptive Formular auf einem Formularmodell basiert, können Sie das Formularmodell nicht ändern. Sie können ggf. ein anderes XML- oder JSON-Schema oder ein Formulardatenmodell für dasselbe Formularmodell wählen.
  4. Wählen Sie Speichern aus, um die Änderungen zu speichern.

FDM-Schema-Support

NOTE
Sie können auch ein adaptives Formular als Vorlage speichern. Weitere Informationen finden Sie unter Erstellen einer Vorlage mit einem adaptiven Formular.

Siehe auch see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab