Creare un modulo utilizzando il Blocco moduli adattivi

Invece di navigare attraverso processi complessi, la creazione di un modulo può essere ottenuta facilmente utilizzando un foglio di calcolo. È possibile definire le righe e le colonne che costituiranno la struttura del modulo. Ogni riga rappresenta un singolo utente campo modulo e le intestazioni di colonna definiscono le corrispondenti proprietà campo.

Ad esempio, considera il seguente foglio di calcolo in cui le righe contornano i campi per un modulo enquiry e le intestazioni di colonna definiscono le relative proprietà:

Per procedere con la creazione del modulo:

1. Accedi alla cartella del progetto AEM Edge Delivery su Microsoft SharePoint o Google Drive.

2. Crea una cartella di lavoro di Microsoft Excel o un foglio di Google ovunque all’interno della directory di progetto AEM Edge Delivery. Ad esempio, crea un foglio di calcolo denominato enquiry nella directory del progetto AEM Edge Delivery su Google Drive.

   

3. Assicurati che il foglio sia condiviso con l’utente AEM appropriato (ad esempio helix@adobe.com) in base alle configurazioni specificate per il progetto. Concedi all’utente l’autorizzazione di modifica per il foglio.

4. Apri il foglio di calcolo creato e rinomina il foglio predefinito in “shared-default”.

   

5. Per aggiungere i campi modulo, inserire le righe e le intestazioni di colonna nel foglio “shared-default”. Ogni riga deve rappresentare un campo modulo, con intestazioni di colonna che definiscono il campo corrispondente proprietà.

   Per un avvio rapido, considera copiare il contenuto del Foglio di calcolo interrogazione nel proprio foglio di calcolo. Dopo aver copiato il contenuto, salva il foglio di calcolo.

   embed
   https://video.tv.adobe.com/v/3427468?quality=12&learn=on

6. Utilizza AEM Sidekick per visualizzare l’anteprima del foglio.

   

   In anteprima, nelle nuove schede del browser il contenuto del foglio viene visualizzato in formato JSON. Assicurati di acquisire l’URL di anteprima, in quanto è necessario per il rendering del modulo nella sezione successiva. Il formato dell’URL è attualmente il seguente:

   code language-json
   https://<branch>--<repository>--<owner>.hlx.live/<form-path>/<form-file-name>.json

   • <branch> fa riferimento al ramo dell’archivio GitHub.
   • <repository> denota l’archivio GitHub.
   • <owner> fa riferimento al nome utente dell’account GitHub che ospita l’archivio GitHub.

   Ad esempio, se l’archivio del progetto è denominato “portal”, si trova sotto l’account “wkndforms” e stai utilizzando il ramo “main”, l’URL avrà l’aspetto seguente:

   https://main--portal--wkndforms.hlx.page/enquiry.json

Finora è stata preparata la struttura del modulo. Ora, per visualizzare in anteprima il modulo:

1. Apri l’account Microsoft SharePoint o Google Drive e passa alla directory del progetto AEM Edge Delivery.

2. apri un file di documento (ad esempio un file index) per incorporare il modulo. In alternativa, puoi creare un nuovo documento.

3. Spostati nella posizione desiderata all’interno del documento in cui desideri aggiungere il modulo.

4. Creare un blocco del modulo per il rendering del modulo. Seleziona Inserisci > Tabella e crea una tabella a una colonna e due righe. Denomina la tabella “Modulo” e incolla l’URL di anteprima nella seconda riga. Accertati che l’URL sia formattato come collegamento ipertestuale, non come testo normale, come illustrato di seguito:

   table 0-row-1 1-row-1
   Modulo
   https://main–wefinance–wkndforms.hlx.live/enquiry.json

   

   Questo blocco funge da segnaposto in cui è incorporato il modulo. Nella seconda riga del blocco, aggiungi l’URL di anteprima del file <form>.json come collegamento ipertestuale.

   note important
   IMPORTANT
   Verifica che l’URL sia formattato come collegamento ipertestuale anziché essere visualizzato come testo normale.

5. Utilizza AEM Sidekick per visualizzare in anteprima il documento. Nella pagina viene ora visualizzato il modulo. Ad esempio, questo è il modulo basato sul foglio di calcolo di richiesta:

   

   A questo punto, compila il modulo e fai clic sul pulsante Invia. Riscontrerai un errore simile al seguente, perché il foglio di calcolo non è ancora impostato per accettare i dati.