Adicionar ação personalizada aos itens da lista de formulários adding-custom-action-on-form-lister-items

No AEM Forms, você pode criar uma página de portal listando os formulários disponíveis. Por padrão, você pode pesquisar e listar formulários em uma página de portal. Você pode abrir formulários para preencher e enviar suas informações. Somente as ações de renderização são fornecidas imediatamente para os formulários listados em uma página de portal. Para saber mais sobre as ações disponíveis em uma página de portal, consulte Criação de uma página de portal de formulários.

É possível adicionar outras opções à página do portal. Essas opções ou ações podem ser personalizadas personalizando o modelo do portal de formulários.

Este artigo mostra como criar um botão para enviar o link de um formulário, diretamente de uma página do portal de formulários. Esta personalização requer a atualização do modelo para o componente Pesquisa e Lister .

O código necessário para adicionar a ação ao template está disponível abaixo. O onclick no snippet de código tem um script para enviar um link de formulário por email.

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

Você pode adicionar ações semelhantes no modelo personalizado. Para definir uma função JavaScript, adicione a função em um script de página e vincule-a ao elemento HTML de requisito. No exemplo acima, a variável onclick expression é a função vinculada.

Depois de fazer as edições no modelo, a página do portal de amostra contém um botão para enviar o link do formulário por email, conforme mostrado abaixo.