Adição de ação personalizada em itens de 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 do portal. É possível abrir formulários para preencher e enviar suas informações. Somente as ações de renderização são fornecidas prontamente para os formulários listados em uma página do portal. Para saber mais sobre as ações disponíveis em uma página do portal, consulte Criação de uma página do portal de formulários.

Você pode adicionar outras opções à página do portal. Essas opções ou ações podem ser personalizadas personalizando o template 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 de Pesquisa e Lister.

O código necessário para adicionar a ação ao modelo está disponível abaixo. A variável onclick O atributo no trecho de código tem um script para enviar um link de um 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 em seu modelo personalizado. Para definir uma função JavaScript, adicione a função em um script de nível de página e vincule-a ao elemento de HTML necessário. No exemplo acima, a variável onclick expressão é a função vinculada.

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

email

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