Anpassen von Vorlagen für Formularportal-Komponenten customizing-templates-for-forms-portal-components

Voraussetzungen prerequisites

Formularmetadaten verwalten

Grundlegende Kenntnisse zu HTML und CSS

Übersicht overview

In der Benutzeroberfläche von AEM Forms können Sie jedem beliebigen Formular Metadaten hinzufügen. Mit benutzerdefinierten Metadaten können Sie das Anwendererlebnis beim Auflisten und Durchsuchen von Formularen in Ihrem Unternehmen verbessern.

Im Formularportal können Sie benutzerdefinierte Metadaten in Formularlisten verwenden. Beim Erstellen von benutzerdefinierten Vorlagen für Assets können Sie das Layout bearbeiten und benutzerdefinierte Metadaten mit Ihrem CSS-Formatvorlagensatz verwenden.

Gehen Sie wie folgt vor, damit Sie eine benutzerdefinierte Vorlage für verschiedene Formularportal-Komponenten erstellen können.

Erstellen einer benutzerdefinierten Vorlage creating-a-nbsp-custom-template

Arbeitsbeispiel working-example

Beim folgenden Beispiel handelt es sich um eine Implementierung einer benutzerdefinierten Vorlage, bei der das Formularportal ein benutzerdefiniertes Geometrixx Gov Card-Layout für die Komponente „Suche und Auflister“ abruft.

<div class="__FP_boxes-container __FP_single-color">
    <div class="boxes __FP_boxes __FP_single-color" data-repeatable="true">
 <div class="__FP_boxes-thumbnail">
     <img src ="${path}/jcr:content/renditions/cq5dam.thumbnail.319.319.png"/>
        </div>
        <h3 class="__FP_single-color" title="${name}" tabindex="0">${name}</h3>
        <p>${description}</p>
        <div class="boxes-icon-cont __FP_boxes-icon-cont">
            <div class="op-dow">
                <a href="${formUrl}" target="_blank" class="__FP_button ${htmlStyle}" title="${config-htmlLinkText}">${localize-Apply}</a>
                <a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">${localize-Download}</a>
            </div>
        </div>
    </div>
</div>

Technische Spezifikationen für benutzerdefinierte Vorlagen technical-specifications-for-custom-templates

Eine benutzerdefinierte Vorlage für eine beliebige Formularportal-Komponente enthält wiederholbare und nicht wiederholbare Einträge. Wiederholbare Einträge sind die grundlegenden Einheiten für die Auflistung. Beispiele für wiederholbare Einträge sind die Komponenten „Suche und Auflister“, „Entwürfe und Sendungen“ sowie „Link“.

Forms Portal bietet eine Syntax für Platzhalter zur Anzeige benutzerdefinierter/vordefinierter Metadaten. Die Platzhalter werden nach der Anzeige der Ergebnisse von Formularen, Entwürfen oder Übermittlungen angezeigt.

Um einen wiederholbaren Eintrag einzuschließen, konfigurieren Sie den Wert des Attributs data-repeatable  als  true.

Im gezeigten Beispiel sind oben in der benutzerdefinierten Vorlage zwei Div-Elemente vorhanden. Das erste mit der CSS-Klasse „__FP_boxes-container“ fungiert als Containerelement für die aufgelisteten Formulare. Das zweite mit der CSS-Klasse „__FP_boxes“ ist eine Vorlage für die Basiseinheiten, in diesem Fall ein Formular. Das Attribut data-repeatable ​im Div-Element weist den Wert true ​auf.

Jeder Platzhalter verfügt über einen exklusiven vordefinierten Metadatensatz. Um die benutzerdefinierten Metadaten an einer bestimmten Position im Formular anzuzeigen, fügen Sie die ${metadata_prop}-Eigenschaft an der entsprechenden Position hinzu.

Im Beispiel wird die Metadateneigenschaft in mehreren Instanzen verwendet. Sie wird z. B. bei description,name,formUrl,htmlStyle,pdfUrl,pdfStyle ​und path ​in der genannten Weise verwendet.

Vorkonfigurierte Metadaten out-of-the-box-metadata

Verschiedene Forms Portal-Komponenten bieten exklusive Sets von vordefinierten Metadaten, die Sie für die Auflistung verwenden können.

Komponente „Suche und Auflister“ search-amp-lister-component

Unterstützung für Lokalisierung, Sortierung und Verwendung von Konfigurationseigenschaften in der Benutzeroberfläche (nur Search & Lister):

Komponente „Link“ link-component

Komponente „Entwürfe und Sendungen“ drafts-amp-submissions-component

Hinweis:

A. Container-Element

B.  „path“-Metadaten mit einer festen Hierarchie zum Abruf der für jedes Formular gespeicherten Miniatur.

C. Datenwiederholbares Attribut für den Vorlagenbereich jedes Formulars

D. Zu lokalisierende Zeichenfolge„Apply“

E. Verwenden der Konfigurationseigenschaft „pdfLinkText“

F.  Verwenden der Metadaten „pdfUrl“

Tipps, Tricks und bekannte Probleme tips-tricks-and-known-issues

Ähnliche Artikel