Erstellen einer Vorlage für ein adaptives Formular basierend auf Kernkomponenten

Letzte Aktualisierung: 2023-12-12

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 Vorlageneditor können Sie eine Vorlage erstellen, die eine grundlegende Struktur und anfänglichen Inhalt enthält, die Autorinnen und 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 zum Erstellen eines adaptiven Formulars verwenden, erbt das neue Formular die Struktur, die Komponenten und die Komponenten, die Sie in der Vorlage angegeben haben. Mit dem Vorlageneditor können Sie:

  • Kopf- und Fußzeilenkomponenten eines Formulars in der Strukturebene hinzufügen.
  • Den anfänglichen Inhalt für das Formular angeben.
  • Design und Übermittlungsaktionen festlegen.

Voraussetzung

Aktivieren der adaptiven Forms-Kernkomponenten für Ihre Umgebung: Wenn Sie ein Programm erstellen, sind die adaptiven Forms-Kernkomponenten bereits für Ihre Umgebung aktiviert. Wenn Sie eine as a Cloud Service Formularumgebung haben, die auf AEM Archetyp 39 oder früher, Aktivieren der adaptiven Forms-Kernkomponenten für Ihre Umgebung.

HINWEIS

Bei der Bereitstellung der as a Cloud Service Forms-Umgebung basierend auf Archetyp 45 muss die Variable Adaptive Forms (Kernkomponente) Vorlagen und komponentenbasierte Kernthemen werden zu Ihrer Umgebung hinzugefügt.

Arbeiten mit Vorlagen

Ü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.

HINWEIS

Sie finden die auf Kernkomponenten basierenden bearbeitbaren Vorlagen in komponentenspezifischen Ordnern.

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.

Erstellen einer Vorlage

Nachdem Sie einen Ordner erstellt haben, öffnen Sie den Ordner und führen Sie die folgenden Schritte aus, um eine Vorlage zu erstellen:

  1. Auswählen Erstellen in dem Ordner, den Sie erstellt haben.

  2. Im Auswählen eines Vorlagentyps Bereich, wählen Sie Vorlage für adaptives Formular (Kernkomponente) und wählen Nächste.

  3. Im Vorlagendetails -Abschnitt, stellen Sie eine Vorlagentitel und wählen Erstellen.
    Sie können auch eine Beschreibung angeben.

  4. Auswählen Fertig , um zur Konsole zurückzukehren, oder wählen Sie Öffnen , um die Vorlage im Editor zu öffnen.

Benutzeroberfläche des Vorlageneditors

Wenn Sie eine Vorlage zum Bearbeiten öffnen, können Sie die folgenden AEM-Editor-Komponenten sehen:

  • Seitensymbolleiste: Enthält die folgenden Optionen:

    • Seitliches Bedienfeld ein/aus: Hiermit können Sie die Seitenleiste ein- oder ausblenden.
    • Seiteninformationen: Ermöglicht Ihnen die Angabe von Informationen wie dem Zeitpunkt der Veröffentlichung oder der Zurücknahme der Veröffentlichung, Miniaturen, Client-seitigen Bibliotheken, einer Seitenrichtlinie und dem Seiten-Design einer Client-seitigen Bibliothek.
    • Modusauswahl: Hiermit können Sie den Modus ändern. Sie können zwischen den Modi Struktur, Anfänglicher Inhalt, Layout-Steuerung wählen. Im Modus „Struktur“ können Sie die Kopf- und Fußzeile hinzufügen und anpassen. Im Modus „Anfänglicher Inhalt“ können Sie den Formularinhalt anpassen.
    • Vorschau: Hier können Sie das Aussehen der Vorlage bei Veröffentlichung in einer Vorschau simulieren. Sie können den Ebenenselektor und die Vorschau verwenden, um zwischen Bearbeitungs- und Vorschau-Modus zu wechseln.
  • 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.

Bearbeiten einer Vorlage

Verschiedene Modi zum Auswählen und Bearbeiten des entsprechenden Aspekts der Vorlage:

Der Ebenenselektor ist neben der Option „Vorschau“ in der rechten oberen Ecke des Bildschirms verfügbar.

Struktur

Wenn Sie die Strukturebene im Vorlageneditor auswählen, ist es hilfreich, den Inhalt, der beim Erstellen der mit der Vorlage verknüpften adaptiven Forms nicht geändert werden kann, im Voraus zu definieren.

Layout-Container in der Strukturebene

Sperren/Entsperren von Komponenten in der Strukturebene

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 Formularautorinnen und -autoren 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.

HINWEIS

Es wird davon abgeraten, ein Bild oder Logo in der Kopfzeilenkomponente einzeln zu sperren oder zu entsperren. Sie können die Kopfzeilenkomponente entsperren.

Anfänglicher Inhalt

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. Damit können Sie vordefinierte Inhalte erstellen, die beim Erstellen von Adaptive Forms, die mit der Vorlage verknüpft ist, geändert werden können. Wie beim Authoring eines adaptiven Formulars können Sie anfängliche Einstellungen festlegen, z. B. das Design und Übermittlungsaktionen.

Formularautorinnen und -autoren verwenden sie 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, wählen Sie vor der Vorschau in der Seitensymbolleiste die Option Arbeitsfläche-Dropdown > Anfänglicher Inhalt.

Kopf- und Fußzeile in der Ebene "Anfänglicher Inhalt" hinzugefügt

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.

HINWEIS

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 Formularautorinnen und -autoren ihn aktualisieren, um zu verhindern, dass Daten aus jedem Formular an demselben Speicherort gespeichert werden.

Layout

Beim Bearbeiten einer Vorlage können Sie das Layout definieren. Dabei wird das standardmäßige responsive Layout verwendet. Das Layout hilft bei der Verwaltung der Breite einer Komponente basierend auf der Gerätebreite, um einen responsiven Entwurf eines adaptiven Formulars zu erleichtern.

Layout-Container in der Strukturebene

Weitere Informationen finden Sie im Artikel Responsives Layout verstehen für weitere Informationen.

Aktivieren der Vorlage

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:

  1. Navigieren Sie zu Adobe Experience Manager > Instrumente > Vorlagen​und öffnen Sie den Ordner, in dem Sie die Vorlage erstellt haben.
    Die Vorlage, die Sie erstellt haben, ist als Entwurf gekennzeichnet.
  2. Wählen Sie die Vorlage aus und wählen Sie Aktivieren in der Symbolleiste.
    Beim Erstellen eines adaptiven Formulars wird Ihnen die Vorlage angezeigt, wenn Sie aufgefordert werden, eine Vorlage auszuwählen.

Importieren oder Exportieren einer Vorlage

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 Erstellen Sie eine Vorlage mit AEM Archetyp und stellen Sie sie auf Ihrer Cloud Service-Instanz bereit..

HINWEIS

Verknüpfen eines Formulardatenmodellschema mit einer Vorlage

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 Formularautoren dabei, die Verwendung von Schemas zu regulieren und spart auch Zeit für Formularautoren. So wählen Sie ein Formulardatenmodellschema im Vorlageneditor aus:

  1. Auswählen Inhaltsbrowser auf der linken Seite.
  2. Navigieren Sie zum Formular-Container Einstellung.
  3. Wählen Sie Datenmodell aus.
  4. Wählen Sie das Formulardatenmodell über Formulardatenmodell auswählen und speichern Sie die Konfiguration.

Formulardatenmodell-Zuordnung in Formularen

Hinzufügen benutzerdefinierter Eigenschaften zu adaptiven Formularkomponenten mithilfe der Vorlagenrichtlinie

Mit der Option „Benutzerdefinierte Eigenschaften“ können Sie mithilfe der Formularvorlage benutzerdefinierte Attribute (Schlüsselwertpaare) mit einer Kernkomponente eines adaptiven Formulars verknüpfen. Die benutzerdefinierten Eigenschaften werden im properties -Abschnitt der Headless-Ausgabedarstellung der Komponente. So kann ein dynamisches Formularverhalten erzeugt werden, das sich je nach den benutzerdefinierten Attributwerten anpasst. Beispielsweise können Entwickelnde verschiedene Ausgabedarstellungen einer Headless-Formularkomponente für Mobile-, Desktop- oder Web-Plattformen entwerfen und so das Benutzererlebnis auf einer Vielzahl von Geräten erheblich verbessern.

Schritte zum Hinzufügen benutzerdefinierter Eigenschaften zu Kernkomponentenfeldern für adaptive Formulare:

  1. Fügen Sie in der Richtlinie eines Vorlageneditors einen benutzerdefinierten Gruppennamen hinzu
  2. Wählen Sie einen benutzerdefinierten Gruppennamen im Dialogfeld "Bearbeiten"der Komponente "Adaptives Formular"aus

Fügen Sie in der Richtlinie des Vorlageneditors einen benutzerdefinierten Gruppennamen hinzu

  1. Navigieren Sie zu Adobe Experience Manager > Instrumente > Allgemein > Vorlagen.
  2. Wählen Sie die Vorlage basierend auf Kernkomponenten aus und öffnen Sie sie im Bearbeitungsmodus.
  3. Klicken Sie auf Politik Politik Symbol eines Kernkomponentenfelds für adaptive Formulare, in dem die benutzerdefinierten Eigenschaften definiert werden müssen. Die Adaptives Formularfeld angezeigt.
  4. Wählen Sie die Benutzerdefinierte Eigenschaften Registerkarte.
  5. Geben Sie die Richtlinienname unter Politik Abschnitt.
  6. Geben Sie die Gruppenname und fügen Sie ein Schlüssel-Wert-Paar hinzu, das einer bestimmten Gruppe zugeordnet ist. Der Gruppenname ist für Formularautoren im Dialogfeld "Bearbeiten"einer Komponente sichtbar. Wenn Sie den Gruppennamen auswählen, gilt jedes zugeordnete Schlüssel-Wert-Paar für eine Komponente.
  7. Klicken Sie auf [Fertig].

Hinzufügen benutzerdefinierter Eigenschaftsgruppennamen im Vorlageneditor

Wenn Sie mithilfe der Vorlagenrichtlinie mindestens eine benutzerdefinierte Eigenschaftsgruppe hinzufügen, wird die Erweitert wird im Dialogfeld "Bearbeiten"einer entsprechenden Kernkomponente angezeigt.

Wählen Sie im Dialogfeld "Bearbeiten"einer Kernkomponente einen benutzerdefinierten Gruppennamen aus

  1. Öffnen Sie ein adaptives Formular im Bearbeitungsmodus.
  2. Wählen Sie die Komponente aus, für die die benutzerdefinierten Eigenschaften im Vorlageneditor definiert wurden, und wählen Sie settings_icon , um das Dialogfeld "Bearbeiten"der Komponente zu öffnen.
  3. Wählen Sie die Registerkarte Erweitert aus.
  4. Wählen Sie den Namen der benutzerdefinierten Eigenschaftsgruppe aus Benutzerdefinierte Eigenschaftsauswahl angezeigt. Alle definierten benutzerspezifischen Gruppennamen werden automatisch in die Dropdown-Liste eingefügt.
  5. Auswählen Fertig , um die Eigenschaften zu speichern.

Benutzerdefinierten Eigenschaftsgruppennamen auswählen

HINWEIS
  • Die Zusätzliche benutzerdefinierte Eigenschaften können Sie zusätzlich zu den in der Vorlagenrichtlinie bereitgestellten dynamisch komponentenspezifische benutzerdefinierte Eigenschaften hinzufügen. Die benutzerdefinierte Eigenschaft der spezifischen Komponente hat Vorrang vor der benutzerdefinierten Eigenschaft, die in der Vorlagenrichtlinie festgelegt wird, wenn die Schlüsselnamenwerte übereinstimmen.

Erstellen eines adaptiven Formulars mithilfe der Vorlage

Nachdem Sie eine Vorlage erstellt und aktiviert haben, steht sie im Formular-Manager zur Verfügung, wenn Sie ein adaptives Formular erstellen. Informationen zum Verwenden einer Vorlage und Erstellen eines adaptiven Formulars finden Sie unter Erstellen eines adaptiven Formulars basierend auf Kernkomponenten.

Best Practices

  • Erstellen Sie Vorlagen mithilfe der Komponenten, die auf Kernkomponenten basieren, z. B. Adaptiver Formulartext, Container für adaptive Formulare und mehr. So erhalten Sie Informationen zu den adaptiven Forms-Kernkomponenten: Klicken Sie hier.
  • Schränken Sie die Anzahl der Vorlagen so ein, dass sie den grundlegend verschiedenen auf den Websites verfügbaren Formulartypen entsprechen.
  • Stellen Sie die erforderlichen Flexibilität und Konfigurationsfunktionen für Ihre benutzerdefinierten Komponenten bereit, die in einer Vorlage verwendet werden.

Siehe auch

Auf dieser Seite