Personalizzazione dei modelli per i componenti del portale dei moduli customizing-templates-for-forms-portal-components

Prerequisiti prerequisites

Gestione dei metadati dei moduli

Conoscenza di funzionamento di HTML e CSS

Panoramica overview

L’interfaccia utente di AEM Forms consente di aggiungere metadati a qualsiasi modulo. I metadati personalizzati possono migliorare l’esperienza utente durante l’elenco e la ricerca di moduli dell’organizzazione.

Forms Portal consente di utilizzare metadati personalizzati negli elenchi dei moduli. Durante la creazione di modelli personalizzati per le risorse, puoi modificarne il layout e utilizzare metadati personalizzati con il set di stili CSS.

Esegui i seguenti passaggi per creare un modello personalizzato per vari componenti del portale Forms.

Creazione di un modello personalizzato creating-a-nbsp-custom-template

Esempio di lavoro working-example

Di seguito è riportato un esempio di implementazione di un modello personalizzato in cui Forms Portal acquisisce un layout personalizzato della scheda Gov per il componente Ricerca e filtro.

<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 ="${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}">${localize-Apply}</a>
                <a href="${pdfUrl}" class="__FP_button ${pdfStyle}" title="${config-pdfLinkText}">${localize-Download}</a>
            </div>
        </div>
    </div>
</div>

Specifiche tecniche per i modelli personalizzati technical-specifications-for-custom-templates

Un modello personalizzato per qualsiasi componente di Forms Portal include voci ripetibili e non ripetibili. Le voci ripetibili sono entità di base per l’inserimento nell’elenco. Esempi di voci ripetibili sono i componenti Search & Lister, Drafts & Submission e Link.

Forms Portal fornisce una sintassi per i segnaposto per la visualizzazione dei metadati personalizzati/OOTB. I segnaposto vengono compilati dopo la visualizzazione dei risultati di moduli, bozze o invii.

Per includere una voce ripetibile, configurare il valore dell'attributo ripetibile per i dati a true.

*Nell'esempio illustrato, due elementi Div sono presenti nella parte superiore del modello personalizzato. Il primo, con la classe CSS "__FP_boxes-container", funziona come un elemento contenitore per i moduli elencati. Il secondo, con la classe CSS "__FP_boxes", è un modello per le entità di base, in questo caso un modulo. La ripetibile per i dati l’attributo presente nell’elemento Div ha il valore true.

Ogni segnaposto ha un set di metadati OOTB esclusivo. Per visualizzare i metadati personalizzati in una posizione specifica del modulo, aggiungere la Proprietà $metadata_prop sul posto.

Nell'esempio, la proprietà metadati viene utilizzata in più istanze. Ad esempio, viene utilizzato in descrizione,name,formUrl,htmlStyle,pdfUrl,pdfStyle ​e path ​nel modo prescritto.

Metadati predefiniti out-of-the-box-metadata

Diversi componenti del portale Forms forniscono set esclusivi di metadati OOTB utilizzabili per l’inserimento nell’elenco.

Componente Ricerca e filtro search-amp-lister-component

Supporto per la localizzazione, l'ordinamento e l'utilizzo delle proprietà di configurazione nell'interfaccia utente (solo ricerca e filtro):

Componente collegamento link-component

Componente Bozze e invii drafts-amp-submissions-component

Nota:

A. Elemento contenitore

B. metadati "path" con una gerarchia fissa per ottenere la miniatura memorizzata per ciascun modulo.

C. Attributo ripetibile ai dati utilizzato per la sezione del modello per ciascun modulo

D. Localizzare la stringa "Applica"

E. Utilizzo della proprietà di configurazione pdfLinkText

F. Utilizzo dei metadati "pdfUrl"

Suggerimenti, trucchi e problemi noti tips-tricks-and-known-issues

Articoli correlati