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.

Dokumenten-Services: Umfasst die Komponenten „Suche und Auflister“, „Link“ und „Entwürfe und Übermittlungen“.

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 Sites-Seite aktiviert sind, stehen diese Komponentenkategorien für die Verwendung im Komponenten-Browser zur Verfügung.

AEM Forms Portal-Komponenten im Komponenten-Browser

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 „Suche und Auflister“ aus der Komponentenkategorie des Dokumenten-Services im Komponenten-Browser per Drag-und-Drop auf die Seite ziehen. Ist die Komponente hinzugefügt, sieht sie beispielsweise wie folgt aus.

Komponente „Search & Lister“ auf einer Seite

Komponente „Search & Lister“ auf einer Seite mit Rasterlayout

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 „Suche und Auflister“ und dann auf das Symbol settings_icon. Das Dialogfeld Komponente bearbeiten wird geöffnet.

Listenbereich im Bearbeitungsmodus

Listenbereich im Bearbeitungsmodus

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

Tab 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 in diesem Feld Formulare angeben und es insgesamt 601 Formulare gibt, wird der Ergebnistext in „1-12 von 601 Formularen“ geändert.

Seitentext

Konfiguriert den Seitentext (zum Beispiel Seite 1 von 51). Der Standardwert ist Seite.

Wenn Sie zum Beispiel in diesem Feld Antragsformular angeben und es gibt 51 Seiten, ä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 zum Beispiel in diesem Feld von insgesamt angeben, ändert sich der Text in „Seite 1 von insgesamt 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.
Übermittlungs-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 es Ihnen, für die Auflistung der Formulare Kein Stil, Standardstil oder Benutzerdefinierter Stil 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 über die Registerkarte „Anzeige“ im Dialogfeld „Komponente bearbeiten“ deaktivieren.

Suchbereich mit den Eigenschaften für Datum, Volltext, Eigenschaften und Tags

Suchbereich mit den Eigenschaften für 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 das Sÿmbol settings_icon. Das Dialogfeld „Edit “ wird geöffnet.

  2. Geben Sie Folgendes an:

    • Typ: Die einzige verfügbare Option ist Last Modified Date (Letztes Änderungsdatum).

    • Text: Beschriftung der Komponente „Date Predicate“. Der Standardwert ist Last Modified Date (Letztes Änderungsdatum).

    • Start Date Label (Startdatumsbeschriftung): Beschriftung des Feldes „Startdatum“.

    • End Date Label (Enddatumsbeschriftung): Beschriftung des Feldes „Enddatum“.

    • Ausblenden: Damit wird der Standarddatumsfilter für die Auflistung von Formularen erzwungen.

  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 Einstellungen_Symbol. 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 Einstellungen_Symbol. Das Dialogfeld „Edit “ 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 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 des Standardfilterwerts 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 Einstellungen_Symbol. Das Dialogfeld „Edit “ 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 zu Link-Komponenten finden Sie unter Einbetten einer Link-Komponente 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. Das Layout aller drei Standardansichten (Raster, Karten, Bedienfeld) wird entsprechend dem Gerät, auf dem die Site geöffnet wird, angepasst, 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 und Lister“

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

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

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.

Ähnliche Artikel

Auf dieser Seite