Erstellen einer Forms Portal-Seite

Forms Portal-Komponenten bieten Webentwicklern Komponenten zum Erstellen und Anpassen von Formularportalen auf mit Adobe Experience Manager (AEM) erstellten Websites. Einen kurzen Überblick über Forms Portal finden Sie unter Einführung in das Veröffentlichen von Formularen in einem Portal.

Voraussetzungen

Forms Portal-Komponenten stehen nicht standardmäßig zur Verfügung. Stellen Sie sicher, dass die folgenden Forms Portal-Komponentenkategorien aktiviert sind, wie unter Aktivieren der Komponenten im Forms Portal beschrieben.

Dokument ServicesUmfasst die Komponenten "Search & Lister", "Link"und "Drafts and Submissions".

Document Services-Eigenschaften: Umfasst die Komponenten „Date Predicate“, „Full Text Predicate“, „Properties Predicate“ und Tags Predicate. Diese Komponenten werden zum Konfigurieren der Suche in der Komponente „Search & Lister“ verwendet.

Sobald sie auf einer AEM-Site-Seite aktiviert sind, stehen diese Komponentenkategorien für die Verwendung im Komponenten-Browser zur Verfügung.

AEM Forms-Portalkomponenten im Komponenten-
BrowserAbbildung: Kategorien der Forms-Portalkomponenten

Komponente „Search & Lister“

Die Komponente „Search & Lister“, die in der Document Services- Komponentenkategorie verfügbar ist, dient zum Auflisten von Formularen auf einer Seite und zur Implementierung der Suche nach den aufgelisteten Formularen. Die Komponente umfasst zwei Bereiche:

  • Listenbereich, in dem die Formulare aufgeführt sind.
  • Suchbereich, in dem Sie die Suchfunktion hinzufügen.

Sie können die Komponente "Search & Lister"aus der Kategorie der Dokument Services-Komponenten im Komponentenbrowser auf die Seite ziehen. Ist die Komponente hinzugefügt, sieht sie beispielsweise wie folgt aus.

Komponente "Search & Lister"auf einer
SeiteAbbildung: Komponente " Search & Lister"auf einer Seite mit Raster-Layout

Listenbereich

Im Listenbereich werden die Formulare aufgeführt. Die Komponente „Search & Lister“ bietet unterschiedliche Konfigurationsoptionen, mit denen Sie die Anzeige von Formularen im Listenbereich steuern können.

Um den Bereich "Liste"zu konfigurieren, tippen Sie auf die Komponente "Search and Lister"und dann auf settings_icon. Das Dialogfeld Komponente bearbeiten wird geöffnet.

Bereich "Liste"im
BearbeitungsmodusAbbildung:Bereich " Liste"im Bearbeitungsmodus

Das Dialogfeld Bearbeiten enthält mehrere Registerkarten mit Konfigurationsoptionen (siehe Tabelle unten). Tippen Sie nach Abschluss der Konfiguration auf OK, um die Konfiguration zu speichern.

Registerkarte Konfiguration Beschreibung
Asset-Ordner Element hinzufügen Konfiguriert die Ordner, in die Assets mit der AEM Forms-Benutzeroberfläche hochgeladen werden. Standardmäßig werden alle hochgeladenen Assets aufgeführt. Weitere Informationen zur AEM Forms-Benutzeroberfläche finden Sie in Einführung zum Verwalten von Formularen.

Anzeige

Titeltext Titel für die Komponente „Seach & Lister“. Der Standardtitel ist Forms Portal.
Layout-Vorlage Layout der Assets.
Erweiterte Suche deaktivieren Wenn diese Option aktiviert ist, wird das Symbol zur erweiterten Suche ausgeblendet.
Textsuche deaktivieren Wenn diese Option aktiviert ist, wird die Suchleiste für die Volltextsuche ausgeblendet.
Ergebnis Number Of Results Per Page (Anzahl Ergebnisse pro Seite) Konfiguriert die maximale Anzahl von Formularen, die auf einer Seite angezeigt werden sollen.
Ergebnistext

Konfiguriert den Ergebnistext (zum Beispiel 1-12 von 601 Ergebnissen). Der Standardwert ist Ergebnissen.

Wenn Sie beispielsweise Forms in diesem Feld angeben und insgesamt 601 Formulare vorhanden sind, wird der Ergebnistext in 1-12 von 601 Forms geändert.

Seitentext

Konfiguriert den Seitentext (z. B. Seite 1 von 51). Der Standardwert ist Seite.

Wenn Sie beispielsweise Antragsformular in diesem Feld angeben und es 51 Seiten gibt, wird der Seitentext in Antragsformular 1 von 51 geändert.

Text für „Von“

Ersetzt das Wort von durch den angegebenen Text (Seite 1 von 51). Der Standardwert ist von.

Wenn Sie beispielsweise von in diesem Feld angeben, wird der Text in Seite 1 von 51 geändert.

Formular-Link Render Type (Rendertyp) Steuert die Auflistung von Formularen, die auf dem angegebenen Rendertyp basieren. Die verfügbaren Optionen sind PDF und HTML. Wenn Sie beispielsweise nur HTML als Rendertyp angeben, werden die PDF-Formulare herausgefiltert.
HTML Profile (HTML-Profil) Konfiguriert das HTML-Profil, das für die Wiedergabe verwendet wird. Alle verfügbaren Profile werden in der Dropdown-Liste aufgeführt.
Submit URL (Sende-URL)

Konfiguriert ein Servlet, an das die Formulardaten gesendet werden.

Hinweis: Die Sende-URL für ein Formular kann an mehreren Stellen angegeben werden. Die Rangfolge ist dabei die Folgende:

  1. Die Sende-URL, die in das Formular eingebettet wird (in der Senden-Schaltfläche), hat die höchste Priorität.
  2. Die Sende-URL, die in der AEM Forms -Benutzeroberfläche erwähnt wird, hat die zweithöchste Priorität.
  3. Die Sende-URL, die im Forms Portal erwähnt wird, hat die niedrigste Priorität.
HTML Render Action tool tip (HTML-Rendervorgangs-QuickInfo) Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn Sie den Zeiger über das (HTML5-Symbol) bewegen.
PDF Render Action tool tip (PDF-Rendervorgangs-QuickInfo) Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn Sie den Zeiger über das (PDF-Symbol) bewegen.
Stil Style Type (Stiltyp) Ermöglicht Ihnen, Kein Stil, Standardstil oder Benutzerdefinierter Stil für die Auflistung der Formulare anzugeben.
Custom Style Path (Pfad für benutzerdefinierten Stil) Wenn Sie als „Style Type“ (Stiltyp) „Custom“ (Benutzerdefiniert) ausgewählt haben, geben Sie den Pfad zum benutzerdefinierten CSS an, oder wählen Sie ansonsten „Default“ (Standard).

Suchbereich

Über den Suchbereich können Sie die Komponenten „Date Predicate“, „Full Text Predicate“, „Properties Predicate“ und „Tags Predicate“ aus der Kategorie „Document Services Predicates“ im AEM Sidekick hinzufügen. Diese Komponenten implementieren die Suchfunktion, mit der Benutzer nach den aufgeführten Formularen suchen können.

Tipp: Sie können anhand vorgegebener Kriterien die Liste der Formulare festlegen, die im Formularportal angezeigt werden, und die Suchfunktion für Endbenutzer ausblenden. Um die Formularliste zu steuern, verwenden Sie die Prädikatkomponenten, um Suchfilter anzuwenden. Sie können auch die Standardfilterwerte angeben und die Suche auf der Registerkarte "Anzeigen"des Dialogfelds "Komponente bearbeiten"deaktivieren.

Suchfeld mit
Voreinstellung "Datum", "Volltext", "Eigenschaften"und "Tags"Abbildung: Suchfeld mit den Eigenschaften "Datum", "Volltext", "Eigenschaften"und "Tags"

Datumseigenschaft

Die Komponente „Date Predicate“ ermöglicht die Suche nach aufgeführten Formularen, die während eines festgelegten Zeitraums geändert wurden.

Konfigurieren der Komponente „Date Predicate“:

  1. Tippen Sie auf die Komponente und dann auf settings_icon. Das Dialogfeld „Edit “ wird geöffnet.

  2. Geben Sie Folgendes an:

    • Typ: Die einzige verfügbare Option ist Letztes Änderungsdatum.
    • Text: Beschriftung der Komponente „Date Predicate“. Der Standardwert ist Zuletzt geändertes Datum.
    • Datumsbezeichnung des Beginns: Beschriftung des Datumsfelds des Beginns.
    • Enddatumsbeschriftung: Beschriftung des Felds "Enddatum".
    • Ausblenden: Zum Erzwingen des Standarddatumsfilters für Listen-Formulare.
  3. Tippen Sie auf OK.

Vollständige Texteigenschaft

Die Komponente „Full Text Predicate“ implementiert die Volltextsuche nach Formulardaten, zum Beispiel Name und Beschreibung. Benutzer können nach jeder beliebigen Textzeichenfolge suchen, um Formulare zurückzugeben, die den Text in ihrem Namen oder ihrer Beschreibung enthalten.

Konfigurieren der Komponente „Volltexteigenschaft“:

  1. Tippen Sie auf die Komponente und dann auf settings_icon. Das Dialogfeld „Edit “ wird geöffnet.
  2. Geben Sie den Titel im Feld Haupttitel an.
  3. Tippen Sie auf OK.

Eigenschaften-Eigenschaft

Die Komponente „Properties Predicate“ implementiert die Suche nach Formularen anhand von Formulareigenschaften, wie Titel, Autor und Beschreibung.

Konfigurieren der Komponente „Properties Predicate“:

  1. Tippen Sie auf die Komponente und dann auf settings_icon. Das Dialogfeld Bearbeiten wird geöffnet.

  2. Geben Sie auf der Registerkarte Allgemein die Suchbeschriftung an. Der Standardwert ist Eigenschaften.

  3. Tippen Sie auf der Registerkarte Optionen auf Hinzufügen Element.

  4. Wählen Sie eine Eigenschaft in der Dropdownliste aus und geben Sie für die Eigenschaft eine Suchbeschriftung im Feld unter der Dropdown-Liste an.

  5. Wiederholen Sie Schritt 4, um weitere Eigenschaften hinzuzufügen. Sie können auch einen Standardfilterwert für die Auflistung von Formularen anhand der angegebenen Kriterien festlegen und die Eigenschaft für die Suche durch Endbenutzer ausblenden. Aktivieren Sie das Kontrollkästchen „Ausblenden“ für eine Eigenschaft und legen Sie den Standardfilterwert fest.

    Wenn Sie beispielsweise Formulare anzeigen möchten, die „Reise“ in ihrem Titel enthalten, wählen Sie „Ausblenden“ neben der Eigenschaft „Titel“. Geben Sie außerdem "Reise"in das Textfeld für den Standardfilterwert ein.

  6. Tippen Sie auf OK.

Tag-Eigenschaft

Die Komponente „Tags Predicate“ implementiert die Suche nach Formularen anhand von in Forms Manager definierten Tags.

Konfigurieren der Komponente „Tags Predicate“:

  1. Tippen Sie auf die Komponente und dann auf settings_icon. Das Dialogfeld Bearbeiten wird geöffnet.
  2. Tippen Sie neben dem Feld „Tags“ auf den Abwärtspfeil.
  3. Wählen Sie geeignete Tags aus.
  4. Tippen Sie auf OK.

Die ausgewählten Tags werden im Suchbereich zusammen mit den Kontrollkästchen zur Auswahl angezeigt. Benutzer können ihre Suche nun anhand der Tags eingrenzen.

Auflisten von Formularen auf einer Seite

Um Formulare auf einer Seite aufzulisten, fügen Sie die Komponente Search & Lister der Seite hinzu und konfigurieren Sie den Listenbereich. Damit Endbenutzer Formulare nach Datum, Text und Tags suchen können, fügen Sie eine Suchbereichskomponente hinzu.

Um einen Link zu einem Formular an einer beliebigen Stelle auf der Seite anzuzeigen, verwenden Sie die Komponente „Link“. Weitere Informationen zur Komponente "Link"finden Sie unter Einbetten der Komponente "Link"in eine Seite.

Um Formulare mit dem Status „Entwurf“ sowie bereits gesendete Formulare aufzulisten, verwenden Sie die Komponente Drafts and Submissions. Weitere Informationen finden Sie unter Anpassen der Komponente „Drafts and Submissions.

Eignung für Mobilgeräte

Die Forms-Portal-Komponente „Search & Lister“ ist für Mobilgeräte geeignet und passt sich entsprechend an. Alle drei Standardeinstellungen: Raster-, Karten-, Bedienfeld-Layouts entsprechend dem Gerät, auf dem die Site geöffnet wird, vorausgesetzt, dass sich die Webseite auch anpasst. Die simple Tatsache besteht darin, dass „Search & Lister“ nur eine Komponente ist und nicht den Seitenstil steuert.

In der folgenden Abbildung wird die Komponente „Search & Lister“ angezeigt, wenn sie auf einem Mobilgerät geöffnet wird:

Screenshot der
Komponente "Search & Lister"Abbildung: Komponente " Search & Lister"

Anpassen einer Forms Portal-Seite

Sie können eine Forms Portal-Seite anpassen und ihr ein unverwechselbares Erscheinungsbild verleihen. Sie können auch Metadaten hinzufügen, um die Suchabfrage zu verbessern, das Layout der Seite zu ändern und benutzerdefinierte CSS-Stile hinzuzufügen. Weitere Informationen finden Sie unter Anpassen von Vorlagen für Forms Portal-Komponenten.

In der AEM Forms-Benutzeroberfläche können Sie benutzerdefinierte Metadaten zu Formularen hinzufügen. Benutzerdefinierte Metadaten sind nützlich, wenn Sie den Endbenutzern die Auflistung und Suche von Formularen ermöglichen möchten. Weitere Informationen zu benutzerdefinierten Metadaten finden Sie unter Anpassen von Vorlagen für Forms Portal-Komponenten.

Standardmäßig stellt Forms Portal Renderaktionen bereit. Sie können Forms Portal anpassen, um weitere Aktionen hinzuzufügen. Detaillierte Informationen finden Sie unter Hinzufügen benutzerdefinierter Aktionen auf Formularüberwachungselementen.

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now