Aggiunta di azioni personalizzate agli elementi del lister del modulo

Ultimo aggiornamento: 2023-12-07

In AEM Forms puoi creare una pagina portale in cui sono elencati i moduli disponibili. Per impostazione predefinita, è possibile cercare ed elencare i moduli in una pagina del portale. È possibile aprire i moduli per la compilazione e l'invio delle informazioni. Per i moduli elencati in una pagina del portale vengono fornite solo le azioni di rendering predefinite. Per ulteriori informazioni sulle azioni disponibili in una pagina del portale, consulta Creazione di una pagina del portale dei moduli.

È possibile aggiungere altre opzioni alla pagina del portale. Queste opzioni o azioni possono essere personalizzate personalizzando il modello del portale dei moduli.

In questo articolo viene illustrato come creare un pulsante per inviare il collegamento di un modulo direttamente da una pagina del portale moduli. Questa personalizzazione richiede l’aggiornamento del modello per il componente Ricerca ed elenco.

Il codice necessario per aggiungere l’azione al modello è disponibile di seguito. Il onclick l'attributo nel frammento di codice dispone di uno script per inviare un collegamento di un modulo tramite e-mail.

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

Puoi aggiungere azioni simili nel modello personalizzato. Per definire una funzione JavaScript, aggiungi la funzione a uno script a livello di pagina e collegala all’elemento HTML richiesto. Nell’esempio precedente, il onclick expression è la funzione collegata.

Dopo aver apportato le modifiche al modello, la pagina del portale di esempio contiene un pulsante per inviare il collegamento del modulo tramite e-mail, come illustrato di seguito.

email

In questa pagina