Show Menu
ARGOMENTI×

Modelli di moduli adattivi

Quando si crea un modulo, è possibile aggiungere campi e componenti per definire la struttura del modulo, il contenuto e le azioni nell'editor. I campi e i componenti vengono aggiunti nel contenitore guideRootPanel del modulo. Utilizzando l'Editor modelli è possibile creare un modello che contiene la struttura di base e il contenuto iniziale che gli autori possono utilizzare per creare moduli.
Ad esempio, si desidera che tutti gli autori dei moduli dispongano di determinate caselle di testo, pulsanti di navigazione 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:
  • Aggiungere componenti di intestazione e piè di pagina di un modulo nel livello struttura.
  • Fornire il contenuto iniziale per il modulo.
  • Specificate un tema e inviate le azioni.

Utilizzo dei modelli

Per accedere all’editor modelli dal menu Strumenti, passa ad Adobe Experience Manager > Strumenti > Modelli . In questo caso, i modelli sono organizzati in cartelle abilitate per i modelli modificabili. AEM fornisce una cartella globale per organizzare i modelli. Tuttavia, per impostazione predefinita non è attivato. Potete richiedere all’amministratore di abilitare la cartella globale o di creare una nuova cartella per i modelli. Per ulteriori informazioni sulla creazione di cartelle, consultate Cartelle Modelli di pagina - Modificabili modello.
Toccando per aprire una cartella, è disponibile un pulsante Crea che consente di creare un nuovo modello per i moduli adattivi.

Creazione di un modello

Dopo aver creato una cartella, aprite la cartella ed eseguite i seguenti passaggi per creare un modello:
  1. Nella console Modello, toccate Crea all’interno della cartella creata.
  2. Nella sezione Selezionare un tipo di modello, selezionare Modello modulo adattivo e toccare Avanti .
  3. Nella sezione Template Details (Dettagli modello), fornite un Titolo modello e toccate Create (Crea ). È possibile fornire una descrizione e una miniatura che consentano di vedere quando è possibile selezionare il modello creato al momento della creazione del modulo.
  4. Toccate Fine per tornare alla console oppure toccate Apri per aprire il modello nell’editor.

Interfaccia dell’editor modelli

Quando apri un modello per la modifica, puoi vedere i seguenti componenti di AEM Editor:
  • Barra degli strumenti della pagina Contiene le seguenti opzioni:
    • Attiva/Disattiva pannello laterale: Consente di mostrare o nascondere la barra laterale.
    • Informazioni pagina: Consente di specificare informazioni quali l’ora di pubblicazione/annullamento della pubblicazione, le miniature, le librerie lato client, i criteri pagina e la libreria lato client della progettazione della pagina.
    • Emulatore : Consente di simulare e personalizzare l’aspetto di diversi dispositivi.
    • Selettore livello: Consente di modificare il livello. Potete scegliere il livello Struttura o Contenuto ​iniziale. Il livello Struttura consente di aggiungere e personalizzare l’intestazione e il piè di pagina. Il livello Contenuto iniziale consente di personalizzare il contenuto del modulo.
    • Anteprima: Consente di visualizzare un’anteprima dell’aspetto del modello al momento della pubblicazione. Potete usare Selettore livello e Anteprima per alternare le modalità di modifica e anteprima.
  • Barra laterale: Fornisce i browser Contenuto, Proprietà, Risorse e Componenti.
  • Barra degli strumenti del componente: Quando selezionate un componente, compare una barra degli strumenti che consente di personalizzare il componente.
  • Pagina : Area in cui aggiungere il contenuto per creare il modello.
Vedere Introduzione alla creazione di moduli adattivi per comprendere meglio l'editor dell'interfaccia utente touch.

Modifica di un modello

Un modello di modulo adattivo viene creato utilizzando due livelli:
  • Struttura
  • Contenuto iniziale
Il selettore del livello è disponibile accanto all’opzione Anteprima nell’angolo superiore destro dello schermo.

Struttura

Quando si seleziona il livello struttura nell'Editor modelli, è possibile vedere i contenitori di layout sopra e sotto il contenitore del modulo adattivo. Gli autori possono utilizzare questi contenitori di layout per intestazione e piè di pagina. Potete aggiungere, modificare o personalizzare l’intestazione e il piè di pagina. Trascinare il componente Intestazione modulo adattiva nel contenitore di layout sopra il contenitore Modulo adattivo per personalizzare l’intestazione del modello. Trascinare il componente Piè di pagina modulo adattivo nel contenitore di layout sotto il contenitore Modulo adattivo per personalizzare il piè di pagina del modello.
Contenitori di layout nel livello struttura
A. Contenitore di layout per il componente Intestazione B. Contenitore di layout per il componente Piè di pagina
Trascinare il componente Intestazione modulo adattiva nel contenitore di layout sopra il contenitore Modulo adattivo. Dopo aver aggiunto il componente, potete specificarne le proprietà che consentono di aggiungere un logo e il relativo titolo.
Allo stesso modo, quando trascinate il componente piè di pagina nel contenitore di layout sotto il contenitore per moduli adattivi, potete fornire le informazioni sul copyright e i dettagli aziendali.
Intestazione e piè di pagina aggiunti nel livello Struttura

Blocco/sblocco dei componenti nel livello struttura

Quando modificate il modello con il livello struttura selezionato, potete sbloccare l’intestazione e il piè di pagina del modello. Se un componente non è bloccato nel modello, gli autori dei moduli possono modificare il componente nel modulo adattivo che utilizza il modello. Il blocco di un componente impedisce agli autori del modulo di modificarlo nel modulo adattivo. L’opzione Blocca è disponibile nella barra degli strumenti del componente.
Ad esempio, potete aggiungere il componente intestazione nel modello. Quando selezionate il componente, l’opzione Blocca è disponibile nella barra degli strumenti del componente. In genere, l’intestazione include il nome della società e il logo e non si desidera che gli autori dei moduli modifichino il logo e l’intestazione di 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à.
Non è consigliabile bloccare o sbloccare singolarmente l’immagine o il logo nel componente intestazione. Potete sbloccare il componente dell’intestazione.

Contenuto iniziale

Quando l'opzione Contenuto iniziale è selezionata, il contenitore modulo adattivo del modello si apre come un modulo adattivo per la modifica. Come per la creazione di un modulo adattivo, è possibile specificare le impostazioni iniziali, ad esempio la selezione di un tema e l'invio di azioni.
Gli autori dei moduli la utilizzano come base per creare 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 visualizzare l'anteprima nella barra degli strumenti della pagina, toccare > Contenuto ​iniziale.
Livello contenuto iniziale nell'Editor modelli che mostra il contenitore modulo adattivo selezionato per specificare le proprietà.
Nel livello Contenuto iniziale, è possibile creare il modello di modulo adattivo utilizzato dagli autori come base. L’authoring di un modello è simile all’authoring di un modulo e le opzioni sono disponibili nella barra laterale. La barra laterale fornisce browser di contenuti, proprietà, risorse e componenti.
Consultate Barra laterale .
Quando si seleziona Archivia contenuto o Memorizza PDF come azione di invio, è possibile specificare il percorso di archiviazione. Se si specifica il percorso nel modello, tutti i moduli creati da esso avranno lo stesso percorso. È possibile specificare il percorso di memorizzazione corretto o assicurarsi che gli autori dei moduli lo aggiornino per evitare che i dati di ogni modulo vengano memorizzati nella stessa posizione.

Creazione di un modello di modulo adattivo con schede e pannelli

Ad esempio, potete creare un modello con le seguenti schede:
  • Informazioni generali
  • Informazioni professionali
È stato aggiunto un logo, un titolo e un piè di pagina al livello struttura. Bloccare l'intestazione e il piè di pagina per impedire agli autori di modificarli quando utilizzano il modello per creare moduli.
Modificate il livello da Struttura a Contenuto iniziale e iniziate ad aggiungere contenuto al modulo. Per creare una struttura a schede, aggiungere un pannello secondario nel pannello guideRoot del contenitore Modulo adattivo. Per aggiungere un pannello:
  • Per aggiungere un pannello, toccate il pulsante + quando selezionate l’opzione Trascinate qui i componenti.
  • Potete trascinare il componente Pannello dal Browser componenti nella barra laterale.
  • È possibile aggiungere un pannello secondario della barra guideRootPanel degli strumenti del componente.
Per creare le schede Informazioni generali e Informazioni professionali, aggiungete due pannelli nel pannello secondario del pannello guideRootPanel . Selezionate i pannelli e toccate per aprire le proprietà nella barra laterale. Modificate i nomi degli elementi come general-info e professional-info , rispettivamente, come Informazioni generali e Informazioni professionali. Nella barra laterale, toccate il contenuto per aprire il browser del contenuto. Nella scheda Oggetti modulo, selezionare guideRootPanel . Nell’editor, è selezionato guideRootPanel. Toccate nella barra degli strumenti del componente per aprirne le proprietà. Nel campo Layout pannello, selezionate Tabulazioni in alto e toccate Fine . Viene applicata la struttura del modello a schede.

Aggiunta di contenuto alle schede

[
Aggiunta di campi nel modello
](assets/template-edit-initial-content-1.png) Dopo aver aggiunto i pannelli e averli strutturati come schede, è possibile aggiungere campi all'interno delle schede. Quando selezionate una scheda nell’editor, potete visualizzare l’opzione Trascinate qui i componenti. È possibile trascinare componenti come caselle di testo, elementi elenco e pulsanti. Puoi trascinare componenti dal browser Componenti nella barra laterale.
Ciascun componente dispone di proprietà che migliorano l’acquisizione e la manipolazione dei dati. Ad esempio, è possibile abilitare la proprietà Campo ​obbligatorio di un componente. Gli autori possono specificare un messaggio che i clienti potranno visualizzare quando saltano la compilazione di un campo obbligatorio. Specificate il messaggio nella proprietà Messaggio campo obbligatorio.
Nel modello di esempio, i campi Nome, Numero di telefono e Data di nascita vengono aggiunti nella scheda Informazioni generali. Nella scheda Informazioni professionali, Attualmente in uso, vengono aggiunti i campi Tipo di impiego, Qualificazione per istruzione.
Dopo aver aggiunto i campi, potete aggiungere pulsanti quali Invia e Ripristina.

Abilitazione del modello

Quando create un modello, questo viene aggiunto come bozza. Abilitare il modello a utilizzarlo per la creazione di moduli adattivi. Per abilitare un modello:
  1. Accedete ad Adobe Experience Manager > Strumenti > Modelli e aprite la cartella in cui avete creato il modello.
  2. Il modello creato è contrassegnato come Bozza.
  3. Selezionate il modello e toccate Abilita nella barra degli strumenti. Quando si crea un modulo adattivo, è possibile visualizzare il modello elencato quando viene richiesto di scegliere un modello.

Importazione o esportazione di un modello

Un modulo funziona con il relativo modello. Quando si scarica un modulo adattivo creato utilizzando un modello personalizzato, il modello non viene scaricato. Quando importate il modulo in un’altra istanza di AEM Forms, questo viene importato senza il relativo modello. Se un modulo viene importato ma il suo modello non è disponibile, non viene eseguito il rendering. Potete creare un pacchetto del modello personalizzato da un /conf nodo all'interno di https://<server>:<port>/crx/packmgr e portarlo nell'istanza di AEM Forms in cui desiderate caricare il modulo.

Creazione di un modulo adattivo utilizzando il modello

Dopo aver creato e attivato un modello, questo sarà disponibile in Forms Manager quando si crea un modulo adattivo. Per utilizzare un modello e creare un modulo adattivo, vedere Creazione di un modulo adattivo.

Modificare l'opzione di visualizzazione dei modelli predefiniti

È possibile creare modelli personalizzati per i moduli adattivi per definire la struttura di base e il contenuto iniziale. In AEM Forms è inoltre disponibile un set di modelli predefiniti per i moduli adattivi. Potete scegliere di mostrare o nascondere i modelli.
Per visualizzare e nascondere i modelli, effettuate le seguenti operazioni:
  1. Accedi all’istanza di creazione di AEM Forms e passa a Strumenti > Operazioni > Console ​Web.
    L’URL della console Web di AEM è https://' #: #'/system/console/configMgr
  2. Individuare e aprire le impostazioni di configurazione di FormsManager:
    • Per visualizzare o nascondere il modello di moduli adattivi nella casella, selezionare o deselezionare l'opzione Includi modelli AF e AD.
    • Per visualizzare o nascondere i modelli di modulo adattivo inclusi nelle versioni di AEM 6.0 Forms o AEM 6.1 Forms ma ora non più disponibili, seleziona o deseleziona l’opzione Includi modelli AEM 6.0 AF. Se questa opzione è selezionata, per avere effetto è necessario abilitare la configurazione Includi modelli AF e AD.
  3. Fai clic su Salva . Le opzioni di visualizzazione per i modelli forniti vengono modificate.

Consigli

  • Quando si modificano le proprietà del modulo nell'editor modelli, non utilizzare la proprietà BindReference.
  • Se si desidera aggiungere un punto di interruzione, crearlo al momento della creazione di un modello di modulo adattivo. Per ulteriori informazioni sui punti di interruzione, consultate Layout Layout reattivo reattivo.