Einführung in das Authoring adaptiver Formulare introduction-to-authoring-adaptive-forms

CAUTION
AEM 6.4 hat das Ende der erweiterten Unterstützung erreicht und diese Dokumentation wird nicht mehr aktualisiert. Weitere Informationen finden Sie in unserer technische Unterstützung. Unterstützte Versionen suchen here.

Übersicht overview

Mit adaptiven Formularen können Sie ansprechende, responsive, dynamische und adaptive Formulare erstellen. AEM Forms bietet eine intuitive Benutzeroberfläche und vordefinierte Komponenten zum Erstellen und Verwenden adaptiver Formulare. Sie können ein adaptives Formular auf der Grundlage eines Formularmodells oder -schemas oder ohne Formularmodell erstellen. Es ist wichtig, sorgfältig ein Formularmodell zu wählen, das nicht nur Ihren Verwendungszwecken entspricht, sondern auch Ihre bestehenden Infrastrukturinvestitionen und -Assets erweitert. Sie können aus den folgenden Optionen wählen, um ein adaptives Formular zu erstellen:

  • Verwendung eines Formulardatenmodell
    Datenintegration ermöglicht die Integration von Entitäten und Services aus unterschiedlichen Datenquellen in ein Formulardatenmodell, das Sie zum Erstellen adaptiver Formulare verwenden können. Wählen Sie das Formulardatenmodell, wenn Sie ein adaptives Formular erstellen, für das Daten aus mehreren Datenquellen abgerufen und in diese geschrieben werden sollen.

  • Verwenden einer XDP-Formularvorlage Dieses Formularmodell ist ideal, wenn bereits ein Bestand an XFA- oder XDP-basierten Formularen vorhanden ist. Es bietet eine direkte Möglichkeit, Ihre XFA-basierten Formulare in adaptive Formulare zu konvertieren. Alle vorhandenen XFA-Regeln werden in den zugehörigen adaptiven Formularen beibehalten. Die resultierenden adaptiven Formulare unterstützen XFA-Konstrukte wie Überprüfungen, Ereignisse, Eigenschaften und Muster.

  • Verwendung einer XML-Schemadefinition (XSD) oder eines JSON-Schemas XML- und JSON-Schemas stellen die Struktur dar, in der Daten vom Back-End-System in Ihrem Unternehmen produziert oder genutzt werden. Sie können das Schema mit einem adaptiven Formular verknüpfen und dem Formular mithilfe der Elemente aus dem Schema dynamische Inhalte hinzufügen. Die Elemente des Schemas sind für die Verwendung auf der Registerkarte „Datenmodellobjekte“ des Content Browser verfügbar, wenn sie adaptive Formulare erstellen.

  • Verwenden von "none"oder "without"(Formularmodell)

Adaptive Formulare, die mit dieser Option erstellt wurden, verwenden kein Formularmodell. Die XML-Datendatei, die aus diesen Formularen generiert wird, hat eine flache Struktur mit Feldern und entsprechenden Werten.

Weitere Informationen zum Erstellen eines adaptiven Formulars finden Sie unter Erstellen eines adaptiven Formulars.

Benutzeroberfläche für Authoring adaptiver Formulare adaptive-form-authoring-ui

Die Touch-optimierte Benutzeroberfläche für das Authoring adaptiver Formulare ist intuitiv und bietet Folgendes:

  • Drag-and-Drop-Funktion
  • Standardmäßige Formularkomponenten
  • Integriertes Repository für Assets

Wenn Sie ein neues adaptives Formular erstellen oder ein vorhandenes bearbeiten, verwenden Sie die folgenden Elemente der Benutzeroberfläche:

Benutzeroberfläche für Authoring adaptiver Formulare

A. Seitenleiste B. Seitensymbolleiste C. Seite des adaptiven Formulars

Randleiste sidebar

Die Seitenleiste ermöglicht Ihnen Folgendes:

  • Anzeigen von Formularinhalt wie Bereichen, Komponenten, Feldern und Layout.

  • Bearbeiten von Komponenteneigenschaften.

  • Suchen, Anzeigen und Verwenden von Assets in Ihrem DAM (AEM Digital Asset Management)-Repository.

  • Hinzufügen von Komponenten im Formular.

    Randleiste
    Klicken Sie zum Vergrößern auf

A. Inhalt-Browser B. Eigenschaften-Browser C. Assets-Browser D. Komponenten-Browser

Die Seitenleiste enthält folgende Browser:

  • Inhaltsbrowser

    Im Inhaltsbrowser können Sie

    • Formularobjekte

      Zeigt die Objekthierarchie des Formulars an. Der Autor kann zu bestimmten Formularkomponenten navigieren, indem er auf das entsprechende Element in der Formularobjektstruktur tippt. Der Autor kann in dieser Struktur Objekte suchen und neu anordnen.

    • Datenmodellobjekte

      Hiermit können Sie die Formularmodellhierarchie sehen.

      Damit können Sie Formularmodellelemente per Drag & Drop auf das adaptive Formular ziehen. Die hinzugefügten Elemente werden automatisch in Formularkomponenten konvertiert, während ihre ursprünglichen Eigenschaften beibehalten werden. Sie können Datenmodellobjekte anzeigen, wenn Ihr Formular ein XML-Schema, ein JSON-Schema oder eine XDP-Vorlage verwendet.

  • Eigenschaften-Browser

    Hier können Sie die Eigenschaften einer Komponente bearbeiten. Die Eigenschaften sind je nach Komponente verschieden. So zeigen Sie die Eigenschaften des Containers für adaptive Formulare an:

    Wählen Sie eine Komponente aus, tippen Sie dann auf field-level > Container des adaptiven Formulars und anschließend auf cmppr .

  • Assets-Browser

    Trennt verschiedene Inhaltstypen wie Bilder, Dokumente, Seiten, Filme usw. voneinander.

  • Komponenten-Browser

    Enthält Komponenten, mit denen Sie ein adaptives Formular erstellen können. Sie können Komponenten in das adaptive Formular ziehen, um Formularelemente hinzuzufügen, und hinzugefügte Elemente gemäß den Anforderungen konfigurieren. In der folgenden Tabelle sind die im Komponenten-Browser aufgelisteten Komponenten beschrieben.

Komponente
Funktionen
Acrobat Sign Block
Fügt einen Textblock mit Platzhaltern für Felder hinzu, die beim Signieren mit Acrobat Sign ausgefüllt werden sollen.
Schaltfläche
Fügt eine Schaltfläche hinzu, die Sie konfigurieren können, um Aktionen auszuführen, wie Speichern, Zurücksetzen, Weiter, Zurück usw.
Captcha
Fügt die CAPTCHA-Validierung mithilfe des Google reCAPTCHA-Service hinzu. Weitere Informationen finden Sie unter Verwenden von CAPTCHA in adaptiven Formularen.
Diagramm
Fügt ein Diagramm hinzu, das Sie in adaptiven Formularen und Dokumenten zur visuellen Darstellung zweidimensionaler Daten in wiederholbaren Bereichen und Tabellenzeilen verwenden können.
Kontrollkästchen
Fügt ein Kontrollkästchen hinzu.
Feld zur Datumseingabe
Verwenden Sie die Komponente Datumseingabefeld in Ihrem Formular, damit Kunden Tag, Monat und Jahr separat in drei Feldern ausfüllen können. Sie können das Erscheinungsbild der Komponente anpassen und das Datumsformat ändern. Beispielsweise können Sie Ihren Kunden die Eingabe von Datumsangaben im Format MM/TT/JJJJ oder TT/MM/JJJJ gestatten.
Datumsauswahl
Fügt ein Kalenderfeld hinzu, um ein Datum auszuwählen.
Dokumentfragment
Ermöglicht das Hinzufügen wiederverwendbarer Komponenten einer Korrespondenz.
Dokumentfragmentgruppe
Ermöglicht das Hinzufügen einer Gruppe verwandter Dokumentfragmente, die Sie in einer Briefvorlage als Einheit verwenden können.
Dropdown-Liste
Fügt eine Dropdown-Liste für Einzel- oder Mehrfachauswahl hinzu.
E-Mail

Fügt ein Feld zum Erfassen der E-Mail-Adresse hinzu. Die E-Mail-Komponente validiert standardmäßig E-Mail-Adressen mit dem folgenden regulären Ausdruck.

^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$

Dateianhang

Fügt eine Schaltfläche hinzu, mit der Benutzende ergänzende Dokumente suchen und an das Formular anhängen können.

Hinweis: Die Dateianlagenkomponente unterstützt einen vordefinierten Satz von Dateiformaten in adaptiven Formularen, die für Acrobat Sign aktiviert sind. Weitere Informationen finden Sie unter Unterstützte Dateiformate.

Dateianlagenliste
Fügt ein Feld hinzu, das alle mit der Dateianlagenkomponente hochgeladenen Anlagen auflistet.
Fußzeile
Fügt die Kopfzeile hinzu, die normalerweise das Logo eines Unternehmens, den Titel des Formulars und eine Zusammenfassung enthält.
Kopfzeile
Fügt die Fußzeile hinzu, die normalerweise Copyright-Informationen und Links zu anderen Seiten enthält.
Bild
Ermöglicht es Ihnen, ein Bild einzufügen.
Bildauswahl
Ermöglicht es Ihren Kunden, ein Bild auszuwählen, um Informationen bereitzustellen. Mithilfe dieser Informationen können Sie Ihren Kunden personalisierte Dienste anbieten.
Schaltfläche „Weiter“
Fügt eine Schaltfläche hinzu, um zum nächsten Bereich in einem Formular zu navigieren.
Numerisches Feld
Fügt ein Feld zum Erfassen numerischer Werte hinzu
Numerische Schritte
Verwenden Sie numerische Schritte in Ihrem Formular, damit Ihre Kunden einen numerischen Wert eingeben können, den sie anhand eines vordefinierten Schritts erhöhen oder verringern können.
Bereich

Fügt einen Bereich oder Unterbereich hinzu.

Sie können auch eine Bereichskomponente aus der übergeordneten Bedienfeld-Symbolleiste mit der Schaltfläche Untergeordnetes Bedienfeld hinzufügen hinzufügen. Ebenso können Sie eine bedienfeldspezifische Symbolleiste mit der Schaltfläche Bedienfeld-Symbolleiste hinzufügen hinzufügen. Sie können die Position der Bedienfeld-Symbolleiste mithilfe des Dialogfelds „Bedienfeld bearbeiten“ konfigurieren.

Kennwortfeld
Fügt ein Feld zum Erfassen eines Kennworts hinzu.
Schaltfläche "Zurück"
Fügt eine Schaltfläche hinzu, die Benutzer benötigen, um zur vorherigen Seite oder zum vorherigen Bedienfeld zurückzukehren.
Optionsschaltfläche
Fügt Optionsfelder hinzu.
Zurücksetzen-Schaltfläche
Fügt eine Schaltfläche zum Zurücksetzen von Formularfeldern hinzu.
Schaltfläche „Speichern“
Fügt eine Schaltfläche zum Speichern von Formulardaten hinzu.
Freihändige Unterschrift
Fügt ein Feld zum Erfassen von Freihandsignaturen hinzu.
Trennzeichen
Aktiviert die visuelle Trennung von Bereichen im Formular.
Unterschriftsschritt
Zeigt die Informationen an, die im Formular bereitgestellt werden, sowie die Signaturfelder, die der Benutzer zum Überprüfen und Signieren des Formulars verwenden kann.
Text
Ermöglicht die Angabe von statischem Text.
Senden-Schaltfläche
Fügt eine Senden-Schaltfläche hinzu, um das Formular an die konfigurierte Sendeaktion zu senden.
Zusammenfassungsschritt
Sendet das Formular und zeigt von den Autoren angegebenen Zusammenfassungstext an, nachdem das Formular gesendet wurde.
Schalter
Fügt einen Schalter hinzu, der einen Umschalter ausführt oder eine Aktion aktiviert/deaktiviert. Sie können nicht mehr als zwei Optionen in der Schalter-Komponente hinzufügen. Da ein Schalter nur zwei Werte haben kann: An und Aus, ist „Obligatorisch“ nicht verfügbar. Mindestens ein Wert wird unabhängig von der Benutzereingabe gespeichert.
Tabelle
Fügt eine Tabelle hinzu, mit der Sie Daten in Zeilen und Spalten organisieren können.
Telefonnummer

Fügt ein Feld zum Erfassen der Telefonnummer hinzu. Mit der Komponente „Telefonnummer“ können Autoren einen der folgenden Telefonnummerntypen konfigurieren. Jeder Typ ist mit einem standardmäßigen regulären Ausdruck für die Validierung verknüpft.

  • Der Typ „International“ wird durch ^[+][0-9]{0,14}$ validiert.
  • Der Typ „USPhoneNumber“ wird durch {'+1 ('999') '999-9999} validiert.
  • Der Typ „UKPhoneNumber“ wird durch text{'+'99 999 999 9999} validiert.
  • Der Typ Benutzerdefiniert bietet kein standardmäßiges Überprüfungsmuster. Er nimmt den Wert des zuletzt ausgewählten Telefonnummerntyps an. Sie können auch Ihr eigenes benutzerdefiniertes Überprüfungsmuster angeben.
Geschäftsbedingungen
Fügt ein Feld hinzu, mit dem Autoren die Bedingungen festlegen können, die Benutzer überprüfen können, bevor sie das Formular ausfüllen.
Textfeld

Fügt ein Textfeld hinzu, in dem ein Benutzer die erforderlichen Informationen angeben kann.

Standardmäßig akzeptiert die Textfeldkomponente nur Text. Sie können die Eingabe von Rich Text in einer Textfeldkomponente ermöglichen. Eine für Rich-Text aktivierte Textkomponente bietet Optionen zum Hinzufügen von Kopfzeilen, zum Ändern von Zeichenstilen (fett, kursiv, unterstreichen die Zeichen), zum Erstellen geordneter und ungeordneter Listen, zum Ändern von Texthintergrund und Textfarbe und zum Hinzufügen von Hyperlinks. Um Rich Text für ein Textfeld zu aktivieren, aktivieren Sie die Option Rich Text erlauben in den Komponenteneigenschaften.

Titel
Gibt einen Titel für das adaptive Formular an.
Überprüfungsschritt

Fügt einen Platzhalter hinzu, um das ausgefüllte Formular zur Überprüfung durch den Benutzer anzuzeigen.

Hinweis: Das adaptive Formular, das die Überprüfungskomponente enthält, unterstützt keine anonymen Benutzer. Außerdem wird die Verwendung der Überprüfungskomponente in einem adaptiven Formularfragment nicht empfohlen.

Optimale Verfahren für das Arbeiten mit Komponenten best-practices

Einige Best Practices und wichtige Punkte, die Sie beim Arbeiten mit adaptiven Formularkomponenten beachten sollten, sind:

  • Jede Komponente verfügt über zugehörige Eigenschaften, die ihre Darstellung und Funktion steuern. Tippen Sie zum Konfigurieren der Eigenschaften einer Komponente auf die Komponente und auf cmppr , um die Komponenteneigenschaften im Eigenschaftenbrowser zu öffnen.

  • Eine Komponente wird mit ihrem Elementnamen gekennzeichnet. Wenn Sie auf cmppr tippen, können Sie den Namen der Komponente ändern, indem Sie den Wert des Felds Elementname im Eigenschaftenbrowser ändern. Im Feld "Elementname"sind nur Buchstaben, Zahlen, Bindestriche (-) und Unterstriche (_) zulässig. Andere Sonderzeichen sind nicht zulässig und der Elementname sollte mit einem Brief beginnen.

  • Sie können die title-Eigenschaft einer Komponente eines adaptiven Formulars inline im Formular-Editor ändern, ohne den Eigenschaftenbrowser zu öffnen, solange der Titel im Formular sichtbar ist. Gehen Sie dazu wie folgt vor:

    1. Wählen Sie eine Komponente aus, in der die Eigenschaft Titel vorhanden und deren Eigenschaft Titel ausblenden deaktiviert ist, indem Sie darauf tippen.
    2. Tippen Sie auf das aem_6_3_edit , damit der Titel bearbeitet werden kann.
    3. Ändern Sie den Titel und drücken Sie die Return-Taste oder tippen Sie auf eine beliebige Stelle außerhalb der Komponente, um die Änderungen zu speichern. Drücken Sie die Esc-Taste, um die Änderungen zu verwerfen.
  • Bei einigen Komponenten für adaptive Formulare, z. B. E-Mail und Telefon, stehen vordefinierte Überprüfungsmuster zur Verfügung. Sie können jedoch eine benutzerdefinierte Validierung angeben, indem Sie das Feld Validierungsmuster unter dem Akkordeon „Muster“ in den Komponenteneigenschaften aktualisieren. Weitere Informationen zu Standardvalidierungen finden Sie in den Komponentenbeschreibungen in der Tabelle oben.

  • Adaptive Formularfelder wie "Numerisches Feld"und "E-Mail"können so konfiguriert werden, dass sie spezielle HTML5-Eingabetypen enthalten. Wenn diese Felder auf Mobilgeräten und Tablets im Fokus sind, enthält die Tastatur direkt spezifische Buchstaben, Zahlen und andere Zeichen, die häufig für die Eingabe von Informationen in das betreffende Feld verwendet werden. Damit können Benutzer schnell Informationen eingeben, ohne zwischen Zeichensätzen auf der Tastatur zu wechseln. Um spezielle Eingaben für eine Komponente zu ermöglichen, aktivieren Sie das Kontrollkästchen HTML-Typnummer verwenden in den Komponenteneigenschaften.

  • Sie können die Eingabe von Rich Text in einer Textfeldkomponente ermöglichen. Um Rich Text für ein Textfeld zu aktivieren, aktivieren Sie das Kontrollkästchen Rich Text zulassen in den Komponenteneigenschaften.

  • Mithilfe von Textfeld-, E-Mail- und Telefonkomponenten können Sie in Feldern wie Name, Adresse, Kreditkarte, Telefon und E-Mail automatisch Werte aus den Daten übernehmen lassen, die in den Browsereinstellungen für das automatische Ausfüllen gespeichert sind. Um diese Funktion zu aktivieren, wählen Sie Automatisches Ausfüllen aktivieren in den Komponenteneigenschaften und ein Attribut für automatisches Ausfüllen aus. Wenn ein Benutzer ein adaptives Formular ausfüllt, werden die Werte aus dem Profil zum automatischen Ausfüllen im Browser oder auf der Grundlage der zuvor vom Benutzer ausgefüllten Werte vorgeschlagen. Beachten Sie, dass das automatische Ausfüllen nur funktioniert, wenn die Einstellungen für automatisches Ausfüllen im Browser des Benutzers aktiviert sind.

  • Geben Sie in den Komponenteneigenschaften Werte für Optionsfeld- und Kontrollkästchenelemente im Format {value}={text} an.

  • Die Dateianlagenkomponente ermöglicht es einem Benutzer standardmäßig, nur eine Datei anzuhängen. Sie können die Komponenteneigenschaften jedoch so konfigurieren, dass mehrere Anhänge unterstützt werden. Wenn ein Benutzer mehrere Dateien mit demselben Dateinamen anhängt, können die Anhänge einige Probleme verursachen. Daher wird empfohlen, bei der Formularübermittlung für jeden gesendeten Anhang eine eindeutige Kennung zu verknüpfen. Gehen Sie dazu wie folgt vor:

    1. Navigieren Sie auf Ihrem AEM Forms-Server zu Adobe Experience Manager > Tools > Vorgänge > Webkonsole.
    2. Suchen Sie nach Konfigurations-Service für adaptive Formulare und tippen Sie darauf.
    3. Aktivieren Sie im Dialog „Konfigurations-Service für adaptive Formulare“ Dateinamen individualisieren. Diese Option ist standardmäßig deaktiviert.
  • Damit Benutzer eine PDF über den Safari-Browser anhängen können, müssen Sie sicherstellen, dass application/pdf wird der Eigenschaft "Unterstützte Dateitypen"der Komponente Dateianhang hinzugefügt. Adaptive Formulare, die mit der vorherigen AEM Forms-Version erstellt wurden, können .pdf anstelle von application/pdf in der Eigenschaft "Unterstützte Dateitypen".

Weitere Informationen zum optimalen Arbeiten mit adaptiven Formularen finden Sie unter Best Practices für die Arbeit mit adaptiven Formularen.

NOTE
Komponenten für adaptive Formulare unterstützen keine RTL-Sprachen (Right to Left – von rechts nach links). Zum Beispiel Hebräisch.

Seitensymbolleiste page-toolbar

Die Seitensymbolleiste oben bietet Optionen, mit denen Sie eine Vorschau des Formulars anzeigen, Formulareigenschaften ändern und das Formularlayout bearbeiten können. Sie können eine Vorschau des Formulars anzeigen, wenn Sie es erstellen, und entsprechend Änderungen vornehmen. In der Symbolleiste der Seite wird Folgendes angezeigt:

  • Seitliches Bedienfeld ein/aus toggle-side-panel : Hiermit können Sie die Seitenleiste ein- oder ausblenden.

  • Seiteninformationen theme-options : Hier können Sie Seiteneigenschaften anzeigen, ein Formular veröffentlichen bzw. dessen Veröffentlichung zurücknehmen, einen Formular-Workflow starten und ein Formular auf der klassischen Benutzeroberfläche öffnen.

  • Emulator ruler : Hiermit können Sie die Darstellung des Formulars für verschiedene Displaygrößen (z. B. für Tablets und Mobiltelefone) emulieren.

  • Bearbeiten: Sie können andere Modi auswählen, z. B.: Bearbeiten, Stile, Entwickler, und Design.

    • Bearbeiten: Hiermit können Sie die Eigenschaften des Formulars und seiner Komponenten bearbeiten. Dies tun Sie, indem Sie beispielsweise eine Komponente hinzufügen, ein Bild ablegen oder obligatorische Felder festlegen.

    • Stil: Hiermit können Sie das Erscheinungsbild von Komponenten im Formular stilistisch anpassen. Im Stilmodus können Sie beispielsweise einen Bereich auswählen und dessen Hintergrundfarbe festlegen.

    • Entwickler: Hier haben Entwickler folgende Möglichkeiten:

      • Erfahren Sie, woraus Formulare bestehen.
      • Debuggen Sie, was wo und wann passiert, was wiederum hilft, Probleme zu lösen.
    • Design: Hiermit können Sie benutzerdefinierte Komponenten oder native Komponenten, die nicht in der Seitenleiste aufgeführt sind, aktivieren oder deaktivieren.

  • Vorschau: Hier können Sie das Aussehen des Formulars bei Veröffentlichung in einer Vorschau anzeigen.

Komponenten-Symbolleiste component-toolbar

Komponentensymbolleiste in der Touch-Benutzeroberfläche

Wenn Sie eine Komponente auswählen, wird eine Symbolleiste angezeigt, über die Sie sie bearbeiten können. Sie erhalten Optionen zum Ausschneiden, Einfügen, Verschieben und Angeben von Eigenschaften der Komponenten. Ihre Optionen sind:

A. Konfigurieren: Wenn Sie auf Konfigurieren tippen, werden in der Seitenleiste Komponenteneigenschaften sichtbar. Durch die Konfiguration dieser Eigenschaften können Sie die Datenerfassung anpassen. Sie können den Elementnamen der Komponente ändern und den Beschriftungstext im Feld Titel der Komponente angeben. Mit dem Elementnamen können Sie Werte erfassen, die Benutzer mithilfe der Komponente eingeben. In den Komponenteneigenschaften geben Sie das Verhalten der Komponente an und verwalten die Benutzereingabe. Konfigurieren Sie Eigenschaften in der Seitenleiste, um Benutzerdaten zu erfassen und sie für die weitere Verarbeitung zu verwenden. Mit den Eigenschaften für den adaptiven Formularcontainer können Sie Clientbibliotheken, Layouts, Designs, Datensatzdokument-, Speicher-, Sende- und Metadateneinstellungen festlegen.

B. Kopieren: Sie können die Kopieroption verwenden, um eine Komponente zu kopieren und an anderen Positionen im Formular einzufügen. Wenn Sie eine Komponente einfügen, erhält die eingefügte Komponente einen neuen Elementnamen, behält jedoch die Eigenschaften der kopierten Komponente bei.

C.Ausschneiden: Sie können die Option zum Ausschneiden verwenden, um eine Komponente von einer Position im adaptiven Formular an eine andere Position zu verschieben.

D. Löschen: Hiermit können Sie die Komponente aus dem Formular löschen.

E. Einfügen: Hiermit können Sie eine Komponente oberhalb der ausgewählten Komponente einfügen.

F. Einfügen: Hiermit können Sie die mithilfe der oben genannten Optionen ausgeschnittene oder kopierte Komponente einfügen.

G. Regeln bearbeiten: Hiermit können Sie den Regel-Editor öffnen. Weitere Informationen finden Sie unter Regel-Editor.

H. Gruppieren: Mit dieser Funktion können Sie mehrere Komponenten auswählen, um sie zusammen auszuschneiden, zu kopieren oder einzufügen.

I. Übergeordnet: Hier können Sie das übergeordnete Element einer Komponente auswählen. Beispiel: Ein Textfeld, das innerhalb eines Unterabschnitts liegt, der seinerseits Teil eines Abschnitts ist. Der Abschnitt befindet sich im Stammbereich des Handbuchs und der Container des adaptiven Formulars ist das übergeordnete Element eines Stammbereichs für Handbücher. Bei einer Komponente können Sie alle Optionen sehen, wobei die Sortierhierarchie von unten nach oben verläuft.

Wenn Sie beispielsweise für ein Textfeld auf Übergeordnet tippen, sehen Sie Folgendes:

  • Unterabschnitt
  • Abschnitt
  • guideRootPanel
  • Container für adaptive Formulare

J. sonstige: Bietet weitere Optionen zum Arbeiten mit der ausgewählten Komponente.

  • SOM-Ausdruck anzeigen
  • Speichern eines Bedienfelds als Fragment (nur für Bedienfelder)
  • Untergeordnetes Bedienfeld hinzufügen (nur für Bedienfelder)
  • Bedienfeld-Symbolleiste hinzufügen (nur für Bereiche)
  • Ersetzen (nicht für Bedienfelder)

Seite mit adaptivem Formular af-page

Die Seite des adaptiven Formulars ist das eigentliche Formular. Sie wird wie jede andere WCM-Seite als WCM-cq:Page-Komponente modelliert. Die folgende Abbildung zeigt die Inhaltsstruktur eines typischen adaptiven Formulars an.

Inhaltstruktur einer WCM-Seite mit adaptivem Formular

Die Inhaltsstruktur enthält in der Regel die folgenden Hauptkomponenten:

  • guideContainer: Der Stamm eines adaptiven Formulars, der als Beginn eines adaptiven Formulars in der Benutzeroberfläche des adaptiven Formulars markiert ist. In dieser Komponente können Sie Folgendes angeben:

    • Mobiles Layout des adaptiven Formulars: Definiert das Erscheinungsbild des Formulars auf Mobilgeräten.
    • Dankeseite: Definiert die Seite, auf die der Benutzer nach dem Senden des Formulars umgeleitet wird.
    • Übermittlungsaktion: Definiert, wie das Formular auf dem Server verarbeitet wird, sobald der Benutzer das Formular sendet.
    • Formatierung: Gibt den Pfad zur CSS-Datei an, die zum Anpassen des Erscheinungsbilds des Formulars verwendet wird.
  • rootPanel: Der Stammbereich eines adaptiven Formulars. Sie kann Unterbereiche unter dem Elementknoten enthalten. Jedem Bedienfeld einschließlich des Stammbereichs kann ein Layout zugeordnet sein. Das Layout des Bedienfelds bestimmt das Layout des Formulars. Beispielsweise werden im Akkordeon-Layout die Elemente *als Accordion-Schritte angeordnet.

  • toolbar: Ein Container für adaptive Formulare verfügt über eine zugehörige globale Symbolleiste, die global für das Formular ist. Diese Symbolleiste kann mit der Aktion Symbolleiste hinzufügen in der Bearbeitungsleiste hinzugefügt werden. Damit können Autoren Aktionen wie Übermitteln, Speichern, Zurücksetzen usw. hinzufügen.

  • Assets: Dieser Knoten enthält zusätzliche Informationen, die für die Formularbearbeitung verwendet werden. Beispiele: Formularmodelldetails, Lokalisierungsdetails usw).

recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da