Adición de acciones personalizadas a elementos de lista de formularios

En AEM Forms, puede crear una página de portal que enumere los formularios disponibles. De forma predeterminada, se pueden buscar y mostrar formularios en una página de portal. Puede abrir formularios para rellenar y enviar la información. Solo se proporcionan las acciones de renderización predeterminadas para los formularios enumerados en una página de portal. Para obtener más información sobre las acciones disponibles en una página de portal, consulte Creación de una página de portal de formularios.

Puede agregar otras opciones a la página del portal. Estas opciones o acciones se pueden personalizar personalizando la plantilla del portal de formularios.

Este artículo muestra cómo crear un botón para enviar el vínculo de un formulario, directamente desde una página del portal de formularios. Esta personalización requiere la actualización de la plantilla para el componente Search & Lister.

El código requerido para agregar la acción a la plantilla está disponible a continuación. La variable onclick en el fragmento de código tiene una secuencia de comandos para enviar un vínculo de un formulario por correo electrónico.

<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>

Puede agregar acciones similares en la plantilla personalizada. Para definir una función de JavaScript, añada la función en un script de nivel de página y vincúlelo con el elemento HTML requerido. En el ejemplo anterior, la variable onclick expresión es la función vinculada.

Después de realizar las ediciones en la plantilla, la página del portal de muestra contiene un botón para enviar el vínculo del formulario por correo electrónico, como se muestra a continuación.

email

En esta página