Anpassen einer Formularportal-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 sind nicht standardmäßig verfügbar. Stellen Sie sicher, dass die folgenden Forms Portal-Komponentenkategorien aktiviert sind, wie unter Aktivieren der Komponenten im Forms Portal.

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.

Forms Portal-Komponentenkategorien

Komponente "Search & Lister"

Die Komponente "Search & Lister", die unter der Komponentenkategorie "Document Services"verfügbar ist, wird verwendet, um Formulare auf einer Seite aufzulisten und die Suche in den aufgeführten Formularen zu implementieren. 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 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 . Das Dialogfeld Komponente bearbeiten wird geöffnet.

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 aufgelistet. Weitere Informationen zur AEM Forms-Benutzeroberfläche finden Sie unter Einführung in das Verwalten von Formularen.
Anzeige	Titeltext	Titel für die Komponente "Search & Lister". Der Standardtitel lautet Forms Portal.
	Layout-Vorlage	Layout der Assets.
	Erweiterte Suche deaktivieren	Wenn diese Option aktiviert ist, wird das Symbol für die erweiterte Suche ausgeblendet.
	Textsuche deaktivieren	Wenn diese Option aktiviert ist, wird die Suchleiste für die Volltextsuche ausgeblendet.
Ergebnis	Anzahl der Ergebnisse pro Seite	Konfiguriert die maximale Anzahl von Formularen, die auf einer Seite angezeigt werden sollen.
	Ergebnistext	Konfiguriert den Ergebnistext (z. B. 1-12 von 601 Ergebnisse). Der Standardwert ist Ergebnisse. 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-Typ	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 auswählen, werden die PDF forms herausgefiltert.
	HTML-Profil	Konfiguriert das HTML-Profil, das für das Rendering verwendet werden soll. 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 und die Rangfolge lautet wie folgt: Die Sende-URL, die in das Formular eingebettet wird (in der Senden-Schaltfläche), hat die höchste Priorität. Die Sende-URL, die in der AEM Forms -Benutzeroberfläche erwähnt wird, hat die zweithöchste Priorität. Die Sende-URL, die im Forms Portal erwähnt wird, hat die niedrigste Priorität.
	QuickInfo zu HTML Render Action	Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn Sie den Mauszeiger über das (HTML5-Symbol).
	QuickInfo zu PDF Render Action	Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn Sie den Mauszeiger über das (PDF-Symbol).
Stil	Style Type (Stiltyp)	Ermöglicht Ihnen die Auswahl von Kein Stil, Standardstiloder Benutzerdefinierter Stil für die Auflistung der Formulare.
	Pfad für benutzerdefinierten Stil	Wenn Sie "Benutzerdefiniert"als Stiltyp ausgewählt haben, geben Sie den Pfad zum benutzerdefinierten CSS an, wählen Sie andernfalls "Standard"aus.

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

Datumseigenschaft

Die Komponente "Date Predicate"ermöglicht nach dem Hinzufügen die Suche nach den aufgelisteten Formularen, die während einer bestimmten Dauer geändert wurden.

So konfigurieren Sie die Komponente "Date Predicate":

1. Tippen Sie auf die Komponente und dann auf das Sÿmbol . 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 in Formulardaten, z. B. 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.

So konfigurieren Sie die Komponente "Volltexteigenschaft":

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

Eigenschaften-Eigenschaft

Die Komponente "Eigenschaftsprädikat"implementiert die Suche nach Formularen anhand von Formulareigenschaften wie Titel, Autor und Beschreibung.

So konfigurieren Sie die Komponente Eigenschaftsprädikat :

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

2. Geben Sie im Tab Allgemein den Suchtitel 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 "Tag-Eigenschaft"implementiert die Suche nach Formularen anhand von in Forms Manager definierten Tags.

So konfigurieren Sie die Komponente "Tags Predicate":

1. Tippen Sie auf die Komponente und dann auf . Das Dialogfeld „Edit “ wird geöffnet.
2. Tippen Sie neben dem Feld „Tags“ auf den Abwärtspfeil.
3. Auswählen geeigneter Tags
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 nach Formularen mit Datum, Text und Tags suchen können, fügen Sie eine Suchbereich -Komponente.

Verwenden Sie die Komponente Link , um ein Formular von einer beliebigen Stelle auf der Seite aus zu verknüpfen. Weitere Informationen zu Link-Komponenten finden Sie unter Einbetten einer Link-Komponente in eine Seite.

Verwenden Sie zum Auflisten der Formulare, die sich im Entwurfsstatus befinden, und der bereits gesendeten Formulare die Entwürfe und Übermittlungen -Komponente. Weitere Informationen finden Sie unter Anpassen der Komponente "Drafts and Submissions".

Mobilgerätefreundlichkeit

Die Forms Portal-Komponente "Search & Lister"ist für Mobilgeräte benutzerfreundlich 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 einfache Tatsache ist, dass "Search & Lister"nur eine Komponente ist und nicht für die Formatierung auf Seitenebene gilt.

Die folgende Abbildung zeigt die Komponente "Search & Lister", wenn sie auf einem Mobilgerät geöffnet wird:

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.

Über die AEM Forms-Benutzeroberfläche können Sie benutzerdefinierte Metadaten zu Formularen hinzufügen. Benutzerdefinierte Metadaten sind nützlich, um Endbenutzern eine Auflistung und ein Sucherlebnis für Formulare bereitzustellen. Weitere Informationen zu benutzerdefinierten Metadaten finden Sie unter Anpassen von Vorlagen für Formularportalkomponenten.

Standardmäßig bietet das Forms Portal Renderaktionen. Sie können Forms Portal anpassen, um weitere Aktionen hinzuzufügen. Detaillierte Informationen finden Sie unter Hinzufügen benutzerdefinierter Aktionen zu Formularlistenelementen.

Ähnliche Artikel

• Aktivieren von Formularportalkomponenten
• Erstellen einer Formularportalseite
• Auflisten von Formularen auf einer Webseite mithilfe von APIs
• Verwenden der Komponente „Entwurf und Übermittlung“
• Anpassen der Speicherung von Entwürfen und gesendeten Formularen
• Beispiel zur Integrierung der Komponente für Entwurf und Übermittlung in die Datenbank
• Anpassen von Vorlagen für Forms Portal-Komponenten
• Einführung in das Veröffentlichen von Formularen in einem Portal