Wenn Sie ein Formular erstellen, fügen Sie Felder und Komponenten hinzu, um Formularstruktur, Inhalt und Aktionen im Editor zu definieren. Sie können Felder und Komponenten imguideRootPanel
des Formularcontainers hinzufügen. Mit dem Vorlagen-Editor können Sie eine Vorlage erstellen, die eine grundlegende Struktur und anfänglichen Inhalt enthält, die Autoren zum Erstellen von Formularen verwenden können.
Beispiel: Sie möchten, dass alle Autoren in einem Registrierungsformular bestimmte Textfelder, Navigationsschaltflächen und eine Schaltfläche zum Senden verwenden. Sie können eine Vorlage mit den Komponenten erstellen, die Autoren verwenden können, damit ihr Formular konsistent mit anderen Registrierungsformularen ist. Wenn Autoren die Vorlage verwenden, um ein adaptives Formular zu erstellen, erbt das neue Formular die Struktur und die Komponenten, die Sie in der Vorlage festgelegt haben. Mit dem Vorlagen-Editor können Sie:
Sie können das AEM Forms-Referenzinhaltspaket vom Software Distribution Portal herunterladen und installieren, um Referenz-Designs und Vorlagen in Ihre Umgebung zu importieren.
Über das Menü „Werkzeuge“ können Sie auf den Vorlagen-Editor zugreifen: Navigieren Sie zu Adobe Experience Manager > Werkzeuge > Allgemein > Vorlagen. Hier befinden sich die Vorlagen in Ordnern für bearbeitbare Vorlagen.
In Experience Manager steht ein globaler Ordner zum Organisieren von Vorlagen zur Verfügung. Er ist jedoch nicht standardmäßig aktiviert. Sie können Ihren Administrator bitten, den globalen Ordner zu aktivieren, oder einen Ordner für Vorlagen erstellen. Weitere Informationen zum Erstellen von Ordnern finden Sie unter Vorlagenordner.
Nachdem Sie einen Ordner erstellt haben, öffnen Sie den Ordner und führen Sie die folgenden Schritte aus, um eine Vorlage zu erstellen:
Tippen Sie im erstellten Ordner auf Erstellen.
Wählen Sie im Abschnitt „Vorlagentyp wählen“ Adaptive Formularvorlage und tippen Sie auf Weiter.
Geben Sie im Abschnitt „Vorlagendetails“ einen Namen für die Vorlage an und tippen Sie auf Erstellen.
Sie können auch eine Beschreibung angeben.
Tippen Sie auf Fertig, um zur Konsole zurückzukehren, oder auf Öffnen, um die Vorlage im Editor zu öffnen.
Wenn Sie eine Vorlage zum Bearbeiten öffnen, können Sie die folgenden AEM-Editor-Komponenten sehen:
Seitensymbolleiste: Enthält die folgenden Optionen:
Seitenleiste: Enthält Inhalts-, Eigenschaften-, Elemente- und Komponenten-Browser.
Komponenten-Symbolleiste: Wenn Sie eine Komponente auswählen, sehen Sie eine Symbolleiste, in der Sie die Komponente anpassen können.
Seite: Der Bereich, in dem Sie Inhalt hinzufügen, um die Vorlage zu erstellen.
Eine adaptive Formularvorlage wird mit zwei Ebenen erstellt:
Der Ebenenselektor ist neben der Option Vorschau in der oberen rechten Ecke des Bildschirms verfügbar.
Wenn Sie die Strukturebene im Vorlageneditor auswählen, werden die Layout-Container über und unter dem Container für adaptive Formulare angezeigt. Autoren können diese Layout-Container für Kopf- und Fußzeilen verwenden. Sie können die Kopf- und Fußzeile hinzufügen, bearbeiten oder anpassen. Ziehen Sie die Kopfzeilenkomponente des adaptiven Formulars in den Layout-Container über dem Container des adaptiven Formulars, um die Vorlagenkopfzeile anzupassen. Ziehen Sie die Fußzeilenkomponente des adaptiven Formulars in den Layout-Container unter den Container des adaptiven Formulars, um die Vorlagenfußzeile anzupassen.
Layout-Container in der Strukturebene
A. Layout-Container für die Kopfzeilenkomponente B. Layout-Container für die Fußzeilenkomponente
Ziehen Sie die Kopfzeilenkomponente des adaptiven Formulars in den Layout-Container über dem Container des adaptiven Formulars. Nachdem Sie die Komponente hinzugefügt haben, können Sie deren Eigenschaften festlegen, mit denen Sie ein Logo hinzufügen und dessen Titel angeben können.
Wenn Sie die Fußzeilenkomponente in den Layout-Container unter dem Container des adaptiven Formulars ziehen, können Sie ebenso Urheberrechtsinformationen und Unternehmensdetails angeben.
Kopf- und Fußzeile in der Strukturebene hinzugefügt
Wenn Sie die Vorlage bearbeiten, wenn die Strukturebene ausgewählt ist, können Sie die Kopf- und Fußzeile der Vorlage entsperren. Wenn eine Komponente in der Vorlage entsperrt wurde, können Formularautoren die Komponente in dem adaptiven Formular bearbeiten, das die Vorlage verwendet. Das Sperren einer Komponente verhindert ihre Bearbeitung durch Formularautoren. Die Sperroption ist in der Komponenten-Symbolleiste verfügbar.
Beispielsweise können Sie die Kopfzeilenkomponente zur Vorlage hinzufügen. Wenn Sie die Komponente auswählen, wird in der Komponenten-Symbolleiste eine Sperroption angezeigt. In der Regel enthält die Kopfzeile den Firmennamen und das Logo und Sie möchten nicht, dass Formularautoren das Logo und die Kopfzeile in einer Vorlage ändern. In einem adaptiven Formular, das mit der Vorlage erstellt wurde, bei der die Kopfzeilenkomponente gesperrt ist, können Formularautoren das Logo und den Firmennamen nicht ändern.
Das einzelne Sperren oder Entsperren von Bildern oder Logos in der Kopfzeilenkomponente wird nicht empfohlen. Sie können die Kopfzeilenkomponente entsperren.
Wenn die Option „Anfänglicher Inhalt“ ausgewählt ist, wird der Container des adaptiven Formulars der Vorlage wie ein adaptives Formular zur Bearbeitung geöffnet. Wie beim Authoring eines adaptiven Formulars können Sie anfängliche Einstellungen festlegen, z. B. das Design und Übermittlungsaktionen.
Formularverfasser verwenden es als Grundlage zum Erstellen eines Formulars. Die Struktur des Inhaltsflusses wird in der Ebene Anfänglicher Inhalt der Vorlage angegeben. Um zum Bearbeiten des anfänglichen Inhalts der Formularvorlage zu wechseln, bevor Sie die Vorschau in der Seitensymbolleiste anzeigen, tippen Sie auf > Anfänglicher Inhalt.
In der Ebene „Anfänglicher Inhalt“ erstellen Sie die Vorlage für ein adaptives Formular, das Ihre Autoren als Grundlage verwenden. Das Erstellen einer Vorlage ähnelt dem Erstellen eines Formulars. Sie verwenden die in der Seitenleiste verfügbaren Optionen. Die Seitenleiste bietet Browser für Inhalte, Eigenschaften, Assets und Komponenten.
Wenn Sie als Übermittlungsaktion „Inhalt speichern“ oder „PDF speichern“ auswählen, wird die Option zum Angeben des Speicherpfads angezeigt. Wenn Sie den Pfad in der Vorlage angeben, haben alle daraus erstellten Formulare denselben Pfad. Sie können den richtigen Speicherpfad angeben oder sicherstellen, dass Formularautoren ihn aktualisieren, um zu verhindern, dass Daten aus jedem Formular an demselben Speicherort gespeichert werden.
Sie möchten beispielsweise eine Vorlage mit den folgenden Registerkarten erstellen:
Sie haben ein Logo hinzugefügt, einen Titel angegeben und eine Fußzeile in der Strukturebene hinzugefügt. Sperren Sie die Kopf- und Fußzeile, damit Autoren sie nicht bearbeiten, wenn sie die Vorlage zum Erstellen von Formularen verwenden.
Ändern Sie die Ebene von Struktur in Anfänglicher Inhalt und beginnen Sie mit dem Hinzufügen von Inhalt zum Formular. Um eine Struktur mit Registerkarten zu erstellen, fügen Sie ein untergeordnetes Bedienfeld im guideRootPanel des Containers für adaptive Formulare hinzu. So fügen Sie einen Bereich hinzu:
Sie können ein Bedienfeld hinzufügen, indem Sie auf die Schaltfläche + tippen, wenn Sie die Option Komponenten hierher ziehen auswählen.
Sie können die Bedienfeldkomponente aus dem Komponenten-Browser in der Seitenleiste ziehen.
Sie können ein untergeordnetes Bedienfeld von guideRootPanel
aus der Symbolleiste hinzufügen.
Um die Registerkarten „Allgemeine Informationen“ und „Berufliche Informationen“ zu erstellen, fügen Sie zwei Bedienfelder im untergeordneten Bedienfeld von guideRootPanel
hinzu. Wählen Sie die Bedienfelder aus und tippen Sie auf , um die Eigenschaften in der Seitenleiste zu öffnen. Ändern Sie die Elementnamen in
general-info
und professional-info
und die Titel in „Allgemeine Informationen“ bzw. „Berufliche Informationen“. Klicken Sie in der Randleiste auf „Inhalt“, um den Inhalts-Browser zu öffnen. Wählen Sie in der Registerkarte „Formularobjekte“ guideRootPanel
aus. Im Editor ist „guideRootPanel“ ausgewählt. Tippen Sie auf in der Komponenten-Symbolleiste, um dessen Eigenschaften zu öffnen. Wählen Sie im Feld „Bedienfeldlayout“ Registerkarten oben und tippen Sie dann auf Fertig. Die Vorlagenstruktur mit Registerkarten wird angewendet.
Nachdem Sie Bedienfelder hinzugefügt und als Registerkarten strukturiert haben, können Sie Felder in den Registerkarten hinzufügen. Wenn Sie eine Registerkarte im Editor auswählen, wird die Komponenten hierher ziehen -Option. Sie können Komponenten wie Textboxen, Listenelemente und Schaltflächen per Drag-and-Drop verschieben. Sie können Komponenten aus dem Komponenten-Browser in die Seitenleiste ziehen und dort ablegen.
Jede Komponente verfügt über Eigenschaften, die die Datenerfassung und -bearbeitung verbessern. Beispielsweise können Sie die Eigenschaft Erforderliches Feld einer Komponente aktivieren. Ihre Autoren können eine Nachricht angeben, die Ihre Kunden sehen, wenn sie das Ausfüllen eines erforderlichen Felds überspringen. Geben Sie die Meldung in der Eigenschaft Erforderliches Feld an.
In der Beispielvorlage werden die Felder Name, Telefonnummer und Geburtsdatum im Tab Allgemeine Informationen hinzugefügt. Im Tab Berufliche Informationen werden die Felder Aktuell beschäftigt, Beschäftigungstyp und Bildungsabschluss hinzugefügt.
Nachdem Sie Felder hinzugefügt haben, können Sie Schaltflächen wie „Senden“ und „Zurücksetzen“ hinzufügen.
Wenn Sie eine Vorlage erstellen, wird sie als Entwurf hinzugefügt. Aktivieren Sie die Vorlage, um sie zum Erstellen von adaptiven Formularen zu verwenden. Aktivieren einer Vorlage:
Navigieren Sie zu Adobe Experience Manager > Werkzeuge > Vorlagen und öffnen Sie den Ordner, in dem Sie die Vorlage erstellt haben.
Die Vorlage, die Sie erstellt haben, ist als Entwurf gekennzeichnet.
Wählen Sie die Vorlage aus und tippen Sie auf Aktivieren in der Symbolleiste.
Beim Erstellen eines adaptiven Formulars wird Ihnen die Vorlage angezeigt, wenn Sie aufgefordert werden, eine Vorlage auszuwählen.
Ein Formular funktioniert mit seiner Vorlage. Wenn Sie ein adaptives Formular herunterladen, das mit einer benutzerdefinierten Vorlage erstellt wird, wird die Vorlage nicht heruntergeladen. Wenn Sie das Formular in eine andere AEM Forms-Instanz importieren, wird es ohne die Vorlage importiert. Wenn ein Formular importiert wird, aber die Vorlage nicht verfügbar ist, wird das Formular nicht gerendert. Es ist auch möglich, die benutzerdefinierte Vorlage vom /conf
-Knoten in https://<server>:<port>/crx/packmgr
zu verpacken und in die AEM Forms-Instanz zu importieren, in die Sie das Formular hochladen möchten. Sie können auch eine Vorlage mit dem AEM-Archetyp erstellen und sie für Ihre Cloud Services-Instanz bereitstellen.
Autorinnen und Autoren können ein Formulardatenmodellschema in einem Vorlagen-Editor mit einer Vorlage für ein adaptives Formular verknüpfen. Dies ermöglicht es Autorinnen und Autoren, ein Schema aus dem Vorlageneditor auswählen. Wenn Sie ein Schema mit einer Vorlage verknüpfen und Formularautorinnen oder -autoren ein Formular basierend auf der Vorlage erstellen, wird das Schema für das Formular vorausgewählt. Dies hilft Formularautorinnen und -autoren, die Verwendung von Schemata zu regeln und spart ihnen außerdem Zeit. So wählen Sie ein Formulardatenmodellschema im Vorlageneditor aus:
Nachdem Sie eine Vorlage erstellt und aktiviert haben, steht sie im Formular-Manager zur Verfügung, wenn Sie ein adaptives Formular erstellen. Um eine Vorlage zu verwenden und ein adaptives Formular zu erstellen, finden Sie weitere Informationen unter Erstellen eines adaptiven Formulars.
Sie können ein adaptives Formular auch als Vorlage für zukünftige Verwendungen speichern. So speichern Sie ein adaptives Formular als Vorlage:
Wählen Sie ein adaptives Formular aus, um es als Vorlage zu speichern.
Klicken Sie auf Als Vorlage speichern. Folgendes Dialogfeld wird angezeigt.
Geben Sie Titel (Pflichtfeld), Speicherort (Pflichtfeld) und Beschreibung (optionales Feld) für die Vorlage an.
Klicken Sie auf Erstellen.
Um dieselbe Container-Richtlinie wie für das adaptive Quellformular zu verwenden, wird empfohlen, die Vorlage im selben Ordner wie das adaptive Quellformular zu speichern. Falls die Vorlage in einem anderen Ordner gespeichert wird, verwendet die erstellte Vorlage eine standardmäßige Container-Richtlinie.