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.

Document 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 Portal-Komponenten im Komponenten-
BrowserAbbildung: Forms Portal-Komponentenkategorien

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 Document Services-Komponentenkategorie im Komponenten-Browser 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 Listenbereich zu konfigurieren, tippen Sie auf die Komponente "Search and Lister"und dann auf settings_icon. Das Dialogfeld Komponente bearbeiten wird geöffnet.

Listenbereich im
BearbeitungsmodusAbbildung: Listenbereich im Bearbeitungsmodus

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

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 dieses Feld eingeben und insgesamt 601 Formulare vorhanden sind, wird der Ergebnistext in 1-12 von 601 Forms.

Seitentext

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

Wenn Sie beispielsweise Antragsformular in dieses Feld eingeben und es 51 Seiten gibt, ändert sich der Seitentext in Antragsformular 1 von 51.

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, ändert sich der Text in Seite 1 von 51.

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 die Angabe von No Style, Default Style oder Custom Style für die Auflistung der Formulare.
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 Anzeige des Dialogfelds Komponente bearbeiten deaktivieren.

Suchbereich mit der
Eigenschaft "Datum", "Volltext", "Eigenschaften"und "Tags"Abbildung: Suchbereich mit der Eigenschaft "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 Last Modified Date.
    • Startdatumsbeschriftung: Beschriftung des Felds für das Startdatum.
    • Enddatumsbeschriftung: Beschriftung für das Feld "Enddatum".
    • Ausblenden: Um den Standarddatumsfilter für die Auflistung von Formularen zu erzwingen.
  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 den Suchtitel an. Der Standardwert ist Properties.

  3. Tippen Sie auf der Registerkarte Options auf Element hinzufügen.

  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"im Textfeld für den Standardfilterwert an.

  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 die entsprechenden 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 Linkkomponente finden Sie unter Einbetten der Verknüpfungskomponente 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 Standardansichten: Raster-, Karten-, Bedienfeld-Layouts entsprechend dem Gerät, auf dem die Site geöffnet wird, vorausgesetzt, die Webseite passt sich ebenfalls an. 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