Creare un modello di modulo adattivo basato sui componenti core adaptive-form-templates

Quando si crea un modulo, si aggiungono campi e componenti per definire la struttura del modulo, il contenuto e le azioni nell’editor. Aggiungere campi e componenti in guideRootPanel del contenitore del modulo. Con Editor modelli è possibile creare un modello contenente la struttura di base e il contenuto iniziale che gli autori possono utilizzare per creare i moduli.

Ad esempio, si desidera che tutti gli autori di moduli dispongano di determinate caselle di testo, pulsanti di spostamento e un pulsante di invio in un modulo di iscrizione. È possibile creare un modello con i componenti che gli autori possono utilizzare per creare un modulo coerente con altri moduli di iscrizione. Quando gli autori utilizzano il modello per creare un modulo adattivo, il nuovo modulo eredita la struttura e i componenti specificati nel modello. Editor modelli consente di:

Prerequisito

Abilita i componenti core adattivi di Forms per il tuo ambiente: quando crei un programma, i componenti core adattivi di Forms sono già abilitati per il tuo ambiente. Se disponi di un ambiente di tipo Form as a Cloud Service basato su Archetipo AEM 39 o versioni precedenti, Abilita i componenti core Adaptive Forms per il tuo ambiente.

Utilizzo del modello working-with-templates

Puoi accedere all'editor modelli dal menu Strumenti passando a Adobe Experience Manager > Strumenti > Generale > Modelli. In questo caso, i modelli sono organizzati in cartelle abilitate per i modelli modificabili.

In Experience Manager viene fornita una cartella globale per organizzare i modelli. Tuttavia, non è attivato per impostazione predefinita. Puoi richiedere all’amministratore di abilitare la cartella globale o di creare una cartella per i modelli. Per ulteriori informazioni su come creare cartelle, vedere Cartelle modelli.

Creazione di un modello create-template

Dopo aver creato una cartella, aprila ed esegui i seguenti passaggi per creare un modello:

Interfaccia utente dell’editor modelli template-editor-ui

Quando apri un modello per la modifica, puoi vedere i seguenti componenti dell’editor AEM:

Modifica di un modello editing-a-template

Di seguito sono elencate le diverse modalità per selezionare e modificare l’aspetto appropriato del modello:

Il selettore dei livelli è disponibile accanto all'opzione Anteprima nell'angolo superiore destro dello schermo.

Struttura structure

Quando si seleziona il livello struttura nell’Editor modelli, è utile predefinire il contenuto che non può essere modificato durante la creazione di Forms adattivi associati al modello.

Blocco/sblocco di componenti nel livello struttura locking-unlocking-components-in-the-structure-layer

Quando modificate il modello con il livello struttura selezionato, potete sbloccare l'intestazione e il piè di pagina del modello. Se un componente è sbloccato nel modello, gli autori dei moduli possono modificarlo nel modulo adattivo che utilizza il modello. Il blocco di un componente impedisce agli autori dei moduli di modificarlo nel modulo adattivo. L’opzione Blocca è disponibile nella barra degli strumenti del componente.

Ad esempio, puoi aggiungere il componente intestazione nel modello. Quando selezioni il componente, nella barra degli strumenti del componente è visibile un’opzione di blocco. In genere, l'intestazione include il nome dell'azienda e il logo e non si desidera che gli autori dei moduli modifichino il logo e l'intestazione in un modello. In un modulo adattivo creato utilizzando il modello con il componente intestazione bloccato, gli autori dei moduli non possono modificare il logo e il nome della società.

Contenuto iniziale initial-content

Quando l’opzione Contenuto iniziale è selezionata, il Contenitore di moduli adattivi del modello si apre come un Modulo adattivo da modificare. Ti consente di creare un contenuto predefinito che può essere modificato durante la creazione di un Forms adattivo associato al modello. Analogamente all’authoring di un modulo adattivo, puoi specificare le impostazioni iniziali, ad esempio selezionare un tema e Inviare azioni.

Gli autori di moduli utilizzano tale modulo come base per la creazione di un modulo. La struttura del flusso di contenuto è specificata nel livello Contenuto iniziale del modello. Per passare alla modifica del contenuto iniziale del modello di modulo, prima di Anteprima nella barra degli strumenti della pagina, selezionare > Contenuto iniziale.

Nel livello Contenuto iniziale, puoi creare il modello di modulo adattivo utilizzato dagli autori come base. La creazione di un modello è simile alla creazione di un modulo e consente di utilizzare le opzioni disponibili nella barra laterale. Sidebar fornisce contenuti, proprietà, risorse e browser di componenti.

Layout layout

Quando modifichi un modello puoi definire il layout, che utilizza il layout dinamico standard. Il layout consente di gestire la larghezza di un componente in base alla larghezza del dispositivo per facilitare la progettazione di un modulo adattivo reattivo.

Per ulteriori informazioni, consulta l'articolo informazioni sul layout dinamico.

Abilitazione del modello enabling-the-template

Quando create un modello, questo viene aggiunto come bozza. Abilita il modello per utilizzarlo per creare Forms adattivo. Per abilitare un modello:

Importazione o esportazione di un modello importing-or-exporting-a-template

Un modulo funziona con il relativo modello. Quando si scarica un modulo adattivo creato utilizzando un modello personalizzato, il modello non viene scaricato. Quando si importa il modulo in un'istanza AEM Forms diversa, il modulo viene importato senza il relativo modello. Se un modulo viene importato ma il relativo modello non è disponibile, il modulo non viene sottoposto a rendering. È possibile creare un pacchetto del modello personalizzato dal nodo /conf in https://<server>:<port>/crx/packmgr e portarlo nell'istanza AEM Forms in cui si desidera caricare il modulo. Puoi anche creare un modello utilizzando l'archetipo AEM e distribuirlo nell'istanza dei Cloud Service.

Associare uno schema modello dati modulo a un modello associating-form-data-model-schema-in-template

Gli autori possono associare uno schema modello dati modulo a un modello modulo adattivo nell'editor modelli. Consente agli autori di selezionare uno schema dall’editor modelli. Quando si associa uno schema a un modello e un autore di moduli crea un modulo basato su tale modello, lo schema viene preselezionato per il modulo. Consente agli autori di moduli di regolare l’utilizzo dello schema e consente di risparmiare tempo anche agli autori di moduli. Per selezionare uno schema di modello dati modulo nell’editor modelli:

Aggiunta di proprietà personalizzate ai componenti di moduli adattivi tramite i criteri dei modelli

Le proprietà personalizzate consentono di associare attributi personalizzati (coppie chiave-valore) a un componente core del modulo adattivo utilizzando il modello di modulo. Le proprietà personalizzate si riflettono nella sezione properties del rendering headless del componente. Consentono di creare un comportamento di modulo dinamico che si adatta in base ai valori degli attributi personalizzati. Ad esempio, gli sviluppatori possono progettare diverse rappresentazioni di un componente moduli headless su piattaforme mobili, desktop o web, migliorando in modo significativo l’esperienza utente su un’ampia gamma di dispositivi.

I passaggi per aggiungere proprietà personalizzate ai campi del componente core Modulo adattivo sono i seguenti:

Aggiungi un nome gruppo personalizzato nel criterio dell’editor modelli add-a-custom-group-name

Quando aggiungi almeno un gruppo di proprietà personalizzate utilizzando il criterio del modello, la scheda Avanzate diventa visibile nella finestra di dialogo Modifica di un componente core corrispondente.

Seleziona un nome di gruppo personalizzato nella finestra di dialogo per modifica di un componente core select-a-custom-group-name

Creazione di un modulo adattivo utilizzando il modello creating-an-adaptive-form-using-the-template

Dopo aver creato e abilitato un modello, questo sarà disponibile nel gestore dei moduli al momento della creazione di un modulo adattivo. Per utilizzare un modello e creare un modulo adattivo, vedi Creazione di un modulo adattivo basato su componenti core.

Best practice best-practices

Consulta anche see-also