Hinzufügen benutzerdefinierter Aktionen zu Elementen im Formularauflister

In AEM Forms können Sie eine Portalseite erstellen, in der die verfügbaren Formulare aufgelistet werden. Standardmäßig können Sie auf einer Portalseite nach Formularen suchen und sie auflisten. Sie können Formulare öffnen, um ihre Daten einzutragen und zu versenden. Bei Formularen, die auf einer Portalseite gelistet sind, stehen für den sofortigen Einsatz nur Render-Aktionen zur Verfügung. Weitere Informationen über die verfügbaren Aktionen auf einer Portalseite finden Sie unter Erstellen einer Forms Portal-Seite.

Sie können der Portalseite auch andere Optionen hinzufügen. Diese Optionen bzw. Aktionen können angepasst werden, indem die Forms Portal-Vorlage angepasst wird.

In diesem Artikel wird erläutert, wie eine Schaltfläche erstellt wird, um die Verknüpfung eines Formulars direkt von einer Forms Portal-Seite zu senden. Für diese Anpassung muss die Vorlage für die Komponente „ Lister“ aktualisiert werden.

Der erforderliche Code, um die Aktion der Vorlage hinzuzufügen, ist nachfolgend dargestellt. Das onclick-Attribut im Codebeispiel enthält ein Skript, um die Verknüpfung eines Formulars per E-Mail zu senden.

<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 ="${contextPath}${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}">Apply</a>
                <a class="__FP_button" title="Email a friend" href="#" onclick="javascript:window.location=&apos;mailto:?subject=Interesting information&body=I thought you might find {name} form helpful :  &apos;+window.location.protocol+window.location.host+&apos;${formUrl}&apos; ;">Email</a>
                <a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">Download</a>
            </div>
        </div>
    </div>
</div>

Sie können Ihrer benutzerdefinierten Vorlage ähnliche Aktionen hinzufügen. Wenn Sie eine JavaScript-Funktion definieren möchten, fügen Sie die Funktion einem Skript auf Seitenebene hinzu und verknüpfen Sie es mit dem benötigten HTML-Element. Im Beispiel oben ist der onclick-Ausdruck die verknüpfte Funktion.

Nachdem Sie die Änderungen an der Vorlage vorgenommen haben, enthält die Portal-Beispielseite, wie nachfolgend in der Abbildung dargestellt, eine Schaltfläche, um die Verknüpfung des Formulars per E-Mail zu senden.

Ressourcen für Business.Adobe.com

Multichannel Communication Customer Communications Content Intelligence Personalized Communications Web Content Management Digital Asset Management