Anpassen einer Formularportal-Seite creating-a-forms-portal-page

Version
Artikel-Link
AEM as a Cloud Service
Hier klicken
AEM 6.5
Dieser Artikel

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

Voraussetzungen prerequisites

Formularportal-Komponenten sind nicht standardmäßig verfügbar. Stellen Sie sicher, dass die folgenden Formularportal-Komponentenkategorien aktiviert sind, wie unter Aktivieren von Formularportal-Komponenten beschrieben.

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

Dokumentdienst-Eigenschaften: Umfasst die Komponenten „Datumseigenschaft“, „Eigenschaft von komplettem Text“, „Eigenschaftsprädikat“ und „Tag-Eigenschaft“. Diese Komponenten werden zum Konfigurieren der Suche in der Komponente „Suche und Auflister“ 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

Formularportal-Komponentenkategorien

Komponente „Search & Lister“ search-amp-lister-component

Die Komponente „Suche und Auflister“, die in der Dokumentendienste-Komponentenkategorie verfügbar ist, dient zum Auflisten von Formularen auf einer Seite und zum Implementieren der Suche in 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 „Suche und Auflister“ auf einer Seite mit Raster-Layout

Listenbereich list-pane

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, wählen Sie die Komponente „Suche und Auflister“ und dann settings_icon aus. 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). Wählen Sie abschließend 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 der Einführung in das Verwalten von Formularen.
Anzeige
Titeltext
Titel für die Komponente „Suche und Auflister“. Der Standardtitel lautet Formularportal.
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 Ergebnissen). Der Standardwert lautet 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 angeben, werden die PDF-Formulare herausgefiltert.
HTML-Profil
Konfiguriert das HTML-Profil, das für das Rendern 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:

  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.
QuickInfo zum HTML-Rendervorgang
Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn sich der Mauszeiger über {width="13"} (das HTML5-Symbol) bewegt.
QuickInfo zum PDF-Rendervorgang
Konfiguriert den Text für die QuickInfo, die angezeigt wird, wenn sich der Mauszeiger über {width="14"} (das PDF-Symbol) bewegt.
Stil
Style Type (Stiltyp)
Hier können Sie Kein Stil, Standardstil oder Benutzerdefinierter Stil für die Auflistung der Formulare angeben.
Pfad für benutzerdefinierten Stil
Wenn Sie „Benutzerdefiniert“ als Stiltyp ausgewählt haben, geben Sie den Pfad zum benutzerdefinierten CSS an, andernfalls wählen Sie „Standard“.

Suchbereich search-pane

Ü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 date-predicate

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

So konfigurieren Sie die Komponente „Datumseigenschaft“:

  1. Wählen Sie die Komponente und dann settings_icon aus. Das Dialogfeld „Bearbeiten“ 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. Wählen Sie OK aus.

Vollständige Texteigenschaft full-text-predicate

Die Komponente „Volltexteigenschaft“ implementiert die Volltextsuche nach Formulardaten, zum Beispiel Name und Beschreibung. Benutzende können eine beliebige Textzeichenfolge suchen, um Formulare zu finden, die den Text in ihrem Namen oder ihrer Beschreibung enthalten.

So konfigurieren Sie die Komponente „Volltexteigenschaft“:

  1. Wählen Sie die Komponente und dann settings_icon aus. Das Dialogfeld „Bearbeiten“ wird geöffnet.
  2. Geben Sie den Titel im Feld Haupttitel an.
  3. Wählen Sie OK aus.

Eigenschaften-Eigenschaft properties-predicate

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

So konfigurieren Sie die Komponente „Eigenschaftsprädikat“:

  1. Wählen Sie die Komponente und dann settings_icon aus. Das Dialogfeld „Bearbeiten“ wird geöffnet.

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

  3. Wählen Sie auf der Registerkarte „Optionen“ Element hinzufügen aus.

  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. Wählen Sie OK aus.

Tag-Eigenschaft tags-predicate

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

So konfigurieren Sie die Komponente „Tag-Eigenschaft“:

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

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 list-forms-on-a-page-br

Um Formulare auf einer Seite aufzulisten, fügen Sie die Komponente Search & Lister der Seite hinzu und konfigurieren Sie den Listenbereich. Um den Endbenutzenden die Möglichkeit zu geben, Formulare nach Datum, Text und Tags zu durchsuchen, 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 die Formulare aufzulisten, die sich im Entwurfsstadium befinden, und die Formulare, die bereits eingereicht wurden, verwenden Sie die Komponente Entwürfe und Übermittlungen. Weitere Informationen finden Sie unter Anpassen der Komponente „Entwürfe und Übermittlungen“.

Eignung für Mobilgeräte mobile-device-friendliness

Die Formularportal-Komponente „Suche und Auflister“ 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 einfache Tatsache besteht darin, dass „Suche und Auflister“ nur eine Komponente ist und nicht den Seitenstil steuert.

In der folgenden Abbildung wird die Komponente „Suche und Auflister“ angezeigt, wenn sie auf einem Mobilgerät geöffnet wird:

Screenshot der Komponente „Search und Lister“

Komponente „Search & Lister“

Anpassen einer Forms Portal-Seite customizing-a-forms-portal-page-br

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 Endbenutzenden die Auflistung und Suche von Formularen ermöglichen möchten. Weitere Informationen zu benutzerdefinierten Metadaten finden Sie unter Anpassen von Vorlagen für Formularportalkomponenten.

Das Formularportal stellt vorkonfigurierte Render-Aktionen bereit. Sie können das Formularportal anpassen, um weitere Aktionen hinzuzufügen. Weitere Informationen finden Sie unter Hinzufügen einer benutzerdefinierten Aktion zu Formularlistenelementen.

Ähnliche Artikel

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2