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 Services umfasst 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-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 "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 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.

To configure the List pane, tap the Search and Lister component and then tap 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). Tap OK to save the configuration, when done.

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.

For example, if you specify Forms in this field and there are a total of 601 forms, the result text changes to 1-12 of 601 Forms.

Seitentext

Configures the page text (for example, Page 1 of 51). Der Standardwert ist Seite.

For example, if you specify Application Form in this field and there are 51 pages, the page text changes to Application Form 1 of 51.

Text für „Von“

Replaces the word of with the specified text (Page 1 of 51). Der Standardwert ist von.

For example, if you specify out of in this field, the text changes to Page 1 out of 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) Allows you to specify No Style, Default Style, or Custom Style for listing the forms.
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. You can also specify the default filter values and disable the search from the Display tab of the Edit Component dialog.

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. Tap the component and then tap 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. Tap the component and then tap 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. Tap the component and then tap settings_icon. 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"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. Tap the component and then tap settings_icon. 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“. For more information about link component, see Embedding link component in a page.

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, 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 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. For more information, see Customizing templates for Forms Portal Components.

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. For more information about Custom metadata, see Customizing templates for Forms Portal Components.

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.

Verwandte Artikel

Auf dieser Seite