Aggiunta di un'azione personalizzata agli elementi dell'elenco moduli

In AEM Forms è possibile creare una pagina del 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 da compilare e inviare le informazioni. Solo le azioni di rendering vengono fornite al di fuori della casella per i moduli elencati in una pagina del portale. Per ulteriori informazioni sulle azioni disponibili in una pagina del portale, vedere 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 dalla pagina del portale dei moduli. Questa personalizzazione richiede l’aggiornamento del modello per il componente Ricerca e filtro.

Il codice richiesto per aggiungere l’azione al modello è disponibile di seguito. L'attributo onclick nello snippet di codice ha 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>

Potete aggiungere azioni simili nel modello personalizzato. Per definire una funzione JavaScript, aggiungere la funzione su uno script a livello di pagina e collegarla con l'elemento HTML richiesto. Nell'esempio precedente, l'espressione onclick è 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 mostrato di seguito.

email

In questa pagina