Show Menu
THEMEN×

HTML5-Vorschau eines XDP-Formulars generieren

Beim Erstellen eines Formulars in AEM Forms Designer können Sie nicht nur die PDF-Wiedergabe eines Formulars, sondern auch eine HTML5-Wiedergabe davon in der Vorschau anzeigen. Sie können die Registerkarte HTML-Vorschau verwenden, um ein Formular anzuzeigen, wie es im Browser angezeigt werden wird.

Aktivieren Sie die HTML-Vorschau für XDP-Formulare in Designer

Um Designer für die Erstellung einer HTML-Vorschau für XDP-Formulare zu aktivieren, müssen Sie folgende Konfigurationen durchführen:
  • Apache Sling Authentifizierungsdienst konfigurieren
  • Abgesicherten Modus deaktivieren
  • Details zum AEM Forms-Server bereitstellen

Apache Sling Authentifizierungsdienst konfigurieren

  1. Wechseln Sie zu https:// #: #/system/console/configMgr auf AEM Forms unter OSGi oder
    https:// #: #/lc/system/console/configMgr auf AEM Forms, das auf JEE ausgeführt wird.
  2. Wählen Sie die Konfiguration Apache Sling-Authentifizierungsdienst , um ihn im Modus „Bearbeiten“ zu öffnen.
  3. Je nachdem, ob Sie AEM Forms unter OSGi oder JEE ausführen, müssen Sie Folgendes im Feld Authentifizierungsanforderungen hinzufügen:
    • von AEM Forms für JEE
      • -/de/content/xfaforms
      • -/etc/clientlibs
    • AEM Forms unter OSGi
      • -/de/content/xfaforms
      • -/etc/clientlibs/fd/xfaforms
    Kopieren Sie nicht den angegebenen Wert in das Feld „Authentifizierungsanforderungen“, das es die Sonderzeichen im Wert beschädigen kann. Geben Sie die stattdessen den spezifizierten Wert in das Feld ein.
  4. Geben Sie einen Benutzernamen und ein Kennwort für Anonymer Benutzername und Anonymes Benutzerkennwort ein. Die angegebenen Anmeldeinformationen werden verwendet, um anonyme Authentifizierung zu nutzen und Zugriff auf anonyme Benutzer zuzulassen.
  5. Klicken Sie auf Speichern , um die Konfiguration zu speichern.

Abgesicherten Modus deaktivieren

Der abgesicherte Modus ist standardmäßig aktiviert. Behalten Sie dies in Produktionsumgebungen bei. Sie können ihn in Entwicklungsumgebungen deaktivieren, um eine HTML5-Vorschau in Designer anzuzeigen. Gehen Sie wie folgt vor, um ihn zu deaktivieren:
  1. Melden Sie sich bei der AEM-Web-Konsole als Administrator an.
    • URL for AEM Forms on OSGi is https:// #: #/system/console/configMgr
    • URL for AEM Forms on JEE is https:// #: #/lc/system/console/configMgr
  2. Öffnen Sie Mobile Forms-Konfigurationen für die Bearbeitung.
  3. Wählen Sie die Option Abgesicherter Modus und klicken Sie auf Speichern .

Details zum AEM Forms-Server bereitstellen

  1. Navigieren Sie in Designer zu Werkzeuge > Optionen .
  2. In the Options window, select Server Options page, provide the following details, and click OK .
    • Server URL : AEM Forms-Server URL.
    • HTTP-Portnummer : AEM-Server-Port. Der Standardwert ist 4502.
    • HTML-Vorschauen-Kontext: Pfad des Profils zum Rendern von XFA-Formularen. Zur Vorschau des Formulars in Designer werden die folgenden Standard-Profile verwendet. Sie können außerdem den Pfad zu einem benutzerdefinierten Profil angeben.
      • /content/xfaforms/profiles/default.html (AEM Forms on OSGi)
      • /lc/content/xfaforms/profiles/default.html (AEM Forms on JEE)
    • Forms Manager Context: Kontextpfad, an dem die Forms Manager-Benutzeroberfläche bereitgestellt wird. Die Standardwerte lauten:
      • /aem/forms (AEM Forms on OSGi)
      • /lc/forms (AEM Forms on JEE)
    **Hinweis:** Stellen Sie sicher, dass AEM Forms ausgeführt wird. The HTML preview connects to the CRX server to generate a preview.
    AEM Forms Designer-Optionen
  3. To preview a form in HTML, click the Preview HTML tab.
    Wenn die Registerkarte für die HTML-Vorschau geschlossen ist, drücken Sie F4, um sie zu öffnen. Sie können die HTML-Vorschau auch über das Menü „Ansicht“ wählen, um die betreffende Registerkarte zu öffnen.
    Die HTML-Vorschau unterstützt keine PDF-Dokumente. Die HTML-Vorschau ist nur für XDP-Dokumente vorgesehen.

Anzeigen der Vorschau eines Formulars mit Musterdaten

Sie können Ihr Formular in Designer mit Hilfe von Muster-XML-Daten testen und in der Vorschau anzeigen. Es wird empfohlen, das Formular häufig mit Musterdaten zu testen, um sicherzustellen, dass es richtig wiedergegeben wird.
Falls Ihnen keine Musterdaten vorliegen, können Sie sie von Designer erstellen lassen oder auch selbst erstellen. (Siehe So generieren Sie automatisch Musterdaten für die Vorschau eines Formulars und So erstellen Sie Musterdaten für die Vorschau eines Formulars .)
Durch Testen Ihres Formulars mit Hilfe von Musterdaten können Sie sicherstellen, dass die Daten und Felder zugeordnet werden und dass sich wiederholende Teilformulare erwartungsgemäß wiederholt werden. Sie können ein ausgeglichenes Formularlayout erstellen, das den jeweiligen Objekten genügend Platz zur Anzeige der zusammengeführten Daten bietet.
  1. Wählen Sie Datei > Formulareigenschaften .
  2. Klicken Sie auf die Registerkarte Vorschau und geben Sie im Feld „Datendatei“ den vollständigen Pfad zu einer Testdatendatei ein. Sie können auch auf die Schaltfläche „Durchsuchen“ klicken, um zur gewünschten Datei zu gelangen.
  3. Klicken Sie auf OK . Wenn Sie das nächste Mal eine Vorschau des Formulars auf der Registerkarte HTML-Vorschau anzeigen, werden die Datenwerte der XML-Musterdatei in den entsprechenden Objekten dargestellt.

Formulare in einem Repository in der Vorschau anzeigen

In AEM Forms können Sie die Formulare und Dokumente in einem Repository in der Vorschau anzeigen. Mithilfe der Vorschau können Sie genau sehen, wie die Formulare aussehen und wie sie von Endbenutzern verwendet werden.