Formularvorschau previewing-a-form

Adobe empfiehlt, die modernen und erweiterbaren Kernkomponentenzur Datenerfassung zu verwenden, um neue adaptive Formulare zu erstellenoder adaptive Formulare zu AEM Sites-Seiten hinzuzufügen. Diese 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 adaptiver Formulare mithilfe von Foundation-Komponenten beschrieben.

Überblick overview

In AEM Forms können Sie die Formulare und Dokumente im Repository in der Vorschau anzeigen. So wissen Sie genau, wie die Formulare aussehen und sich verhalten, wenn sie an die Endbenutzenden ausgegeben werden.

Bei der Vorschau von Formularen werden diese in der interaktiven Benutzeroberfläche gerendert und die Benutzenden können die Formulare mit Daten ausfüllen. Bei der Vorschau von Dokumenten werden diese im nicht interaktiven Modus gerendert und die Benutzenden können nur das Dokument anzeigen. Für Formulare ist eine zusätzliche Option der benutzerdefinierten Vorschau verfügbar. Mit dieser Option können Sie eine Vorschau des Formulars mit Daten aus einer XML-Datei anzeigen. Die Daten füllen dabei einige oder alle Felder des Formulars aus, das in der Vorschau angezeigt wird.

In der folgenden Tabelle sind die Vorschauoptionen aufgeführt, die für verschiedene Typen unterstützter Formulare verfügbar sind:

Asset-Typ
Verfügbare Vorschauoptionen
Dokument
PDF-Vorschau
PDF-Formular
PDF-Vorschau und Vorschau mit Daten
Adaptives Formular
HTML-Vorschau und HTML-Vorschau mit Daten
Formularvorlage
PDF-Vorschau, PDF-Vorschau mit Daten HTML-Vorschau, HTML-Vorschau mit Daten

Formularvorschau previewing-a-form-1

  1. Wählen Sie ein Asset aus, das Sie in der Vorschau anzeigen möchten, und klicken Sie in der Symbolleiste „Aktionen“ auf „Vorschau“ aem6forms_preview .

    note note
    NOTE
    Um ein Asset auszuwählen, wechseln Sie aus der standardmäßigen Kartenansicht in die Listenansicht. Klicken Sie auf aem6forms_viewlist oder aem6forms_viewcard , um die Ansichten zu wechseln.
  2. Durch das Klicken auf „Vorschau“ werden die möglichen Vorschauoptionen aufgelistet, die für den ausgewählten Asset-Typ anwendbar sind. Klicken Sie auf die gewünschte Option, um das ausgewählte Asset in einer neuen Registerkarte zu rendern.

    Ihre Optionen sind:

    • Anzeigen als HTML-Vorschau
    • Vorschau mit Daten
    • Vorschau als PDF (verfügbar für Formularvorlagen)

Vorschau mit Daten preview-with-data

Wenn Sie Vorschau mit Daten auswählen, können Sie sehen, wie das Formular mit echten eingegebenen Daten aussieht.  Mit der Option „Vorschau mit Daten“ können Sie eine XML-Datei hochladen, die Beispielbenutzerdaten enthält. Die Beispielbenutzerdaten werden zum Ausfüllen des Vorschauformulars in dem von Ihnen ausgewählten Format verwendet.

  1. Wählen Sie ein Asset aus, klicken Sie auf „Vorschau“ aem6forms_preview und wählen Sie Vorschau mit Daten aus.
  2. Geben Sie im Dialogfeld „Formularvorschau“ FormData als XML-Datei an. Klicken Sie auf „Vorschau“, um das Formular mit den zusammengeführten Daten aus der XML-Datei zu rendern.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2