Interfaccia utente per l’authoring di moduli adattivi

L’interfaccia utente ottimizzata per l’authoring di moduli adattivi è intuitiva e offre:

  • Funzione di trascinamento
  • Componenti standard per moduli
  • Archivio integrato per le risorse

Quando crei o modifichi un modulo adattivo esistente, utilizzi i seguenti elementi dell’interfaccia utente:

Interfaccia utente per la creazione di moduli adattivi

A. Barra laterale B. Barra laterale C. Pagina modulo adattivo

La barra laterale consente di:

  • Vedere il contenuto del modulo, ad esempio pannelli, componenti, campi e layout.
  • Modificare le proprietà dei componenti.
  • Cercare, visualizzare e utilizzare le risorse nell’archivio Digital Asset Management (DAM) di AEM.
  • Aggiungere componenti al modulo.

Barra laterale

A. Browser dei contenuti B. Browser delle proprietà C. Browser delle risorse D. Browser delle componenti

La barra laterale comprende i seguenti browser:

  • Browser contenuti
    Nel browser del contenuto puoi visualizzare

    • Oggetti modulo
      Mostra la gerarchia degli oggetti del modulo. L’autore può passare a un componente specifico del modulo toccando quell’elemento nella struttura degli oggetti modulo. L’autore può cercare gli oggetti e riorganizzarli da questa struttura.

    • Oggetti modello dati
      Consente di visualizzare la gerarchia del modello di modulo.
      Consente di trascinare e rilasciare gli elementi del modello di modulo sul modulo adattivo. Gli elementi aggiunti vengono automaticamente convertiti in componenti modulo mantenendo le proprietà originali. È possibile visualizzare gli oggetti del modello dati quando il modulo utilizza lo schema XML, lo schema JSON o il modello XDP.

  • Browser proprietà

    Consente di modificare le proprietà di un componente. Le proprietà cambiano in base a un componente. Per visualizzare le proprietà del contenitore di moduli adattivi:

    Seleziona un componente, quindi seleziona livello campo > Contenitore modulo adattivo, quindi seleziona cmppr .

  • Browser risorse

    Separa contenuti di tipi diversi come immagini, documenti, pagine, filmati e così via.

  • Browser componenti

    Include componenti che è possibile utilizzare per creare un modulo adattivo. Puoi trascinare i componenti da al modulo adattivo per aggiungere elementi al modulo e configurare un elemento aggiunto in base ai requisiti. La tabella seguente descrive i componenti elencati nel browser Componenti.

ComponenteFunzionalità
Blocco Adobe SignAggiunge un blocco di testo con segnaposto per la compilazione dei campi durante l’accesso tramite Adobe Sign.
PulsanteAggiunge un pulsante che è possibile configurare per eseguire azioni quali salvataggio, ripristino, passare a elemento precedente/successivo e così via.
CaptchaAggiunge la convalida CAPTCHA tramite il servizio Google reCAPTCHA. Per informazioni dettagliate, consulta Utilizzo del CAPTCHA nei moduli adattivi.
GraficoAggiunge un grafico che è possibile utilizzare in moduli e documenti adattivi per la rappresentazione visiva di dati bidimensionali in pannelli e righe di tabella ripetibili.
Casella di selezioneAggiunge una casella di controllo.
Campo immissione dataUtilizza il componente Campo di immissione data nel modulo per consentire ai clienti di compilare il giorno, il mese e l’anno in tre caselle separate. Puoi personalizzare l’aspetto del componente e modificare il formato della data. Ad esempio, puoi lasciare che i tuoi clienti inseriscano le date in formato MM/GG/AAAA o GG/MM/AAAA.
Selettore dataAggiunge un campo calendario per scegliere una data.
Frammento di documentoConsente di aggiungere componenti riutilizzabili di una corrispondenza.
Gruppo di frammenti di documentiConsente di aggiungere un gruppo di frammenti di documento correlati che è possibile utilizzare in un modello di lettera come una singola unità.
Elenco a discesaAggiunge un elenco a discesa, a selezione singola o multipla
E-mail

Aggiunge un campo per acquisire l’indirizzo e-mail. Il componente E-mail, per impostazione predefinita, convalida gli indirizzi e-mail utilizzando la seguente espressione regolare.

^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:.[a-zA-Z0-9-]+)*$

Allegato file

Aggiunge un pulsante che consente agli utenti di sfogliare e allegare documenti di supporto a un modulo. È possibile allegare più file a un componente File allegato. È inoltre possibile specificare le **Maximum File Size** e **Supported File Types** per gli allegati nel browser delle proprietà del componente.

Nota:

  • Il componente non supporta l'associazione di file il cui nome inizia con i caratteri (.) e che contengono i caratteri \ / : * ? " < > | ; % $, o contenente nomi di file speciali riservati per il sistema operativo Windows come nul, prn, con, lpt o com.
  • Per allegare più file a un componente file allegato aperto nel browser Apple Safari, selezionare e allegare i file uno alla volta. Non è possibile selezionare e allegare più file contemporaneamente.
  • Il componente File allegato supporta un set predefinito di formati di file nei moduli adattivi abilitati per Adobe Sign. Per ulteriori informazioni, consulta Formati di file supportati.
Elenco allegato fileAggiunge un campo che elenca tutti gli allegati caricati utilizzando il componente Allegato file.
IntestazioneAggiunge l’intestazione di pagina che in genere include il logo di una società, il titolo del modulo e il riepilogo.
Piè di paginaAggiunge il piè di pagina che in genere include informazioni sul copyright e collegamenti ad altre pagine.
ImmagineConsente di inserire un'immagine.
Scelta dell'immagineConsente ai clienti di selezionare un’immagine per fornire informazioni. Puoi utilizzare le informazioni per fornire servizi personalizzati ai tuoi clienti.
Pulsante SuccessivoAggiunge un pulsante per passare al pannello successivo in un modulo.
Casella numericaAggiunge un campo per l’acquisizione di valori numerici
Stepper numericoUtilizza l’opzione Stepper numerico nel modulo per consentire ai clienti di immettere un valore numerico che può aumentare o diminuire in base a un passaggio predefinito.
Pannello

Aggiunge un pannello o un sottopannello.

Puoi anche aggiungere un componente pannello dalla barra degli strumenti del pannello principale utilizzando il pulsante Aggiungi pannello pulsante. Allo stesso modo, puoi aggiungere una barra degli strumenti specifica per il pannello utilizzando il pulsante Aggiungi barra degli strumenti del pulsante. È possibile configurare la posizione della barra degli strumenti del pannello utilizzando la finestra di dialogo Modifica pannello.

Casella passwordAggiunge un campo per l’acquisizione di una password.
Pulsante IndietroAggiunge un pulsante necessario agli utenti per tornare alla pagina o al pannello precedente.
Pulsante di sceltaAggiunge pulsanti di scelta.
Pulsante RipristinaAggiunge un pulsante per ripristinare i campi del modulo.
Pulsante di salvataggioAggiunge un pulsante per salvare i dati del modulo.
Firma scarabocchioAggiunge un campo per l’acquisizione delle firme scarabocchio.
SeparatoreAbilita la separazione visiva dei pannelli nel modulo.
Passaggio di firmaVisualizza le informazioni fornite nel modulo e i campi firma che consentono all’utente di verificare e firmare il modulo.
TestoConsente di specificare testo statico.
Pulsante InviaAggiunge un pulsante Invia per inviare il modulo all'azione di invio configurata.
Passaggio di riepilogoInvia il modulo e visualizza il testo di riepilogo specificato dagli autori dopo l’invio del modulo.
InterruttoreAggiunge un interruttore che esegue un’azione di mostra/nascondi o attivazione/disattivazione. Non è possibile aggiungere più di due opzioni nel componente Interruttore. Poiché un interruttore può avere solo due valori, on o off, obbligatorio non è applicabile. Almeno un valore viene salvato indipendentemente dall’input dell’utente.
TabellaAggiunge una tabella che consente di organizzare i dati in righe e colonne.
Telefono

Aggiunge un campo per acquisire il numero di telefono. Il componente Telefono permette agli autori di configurare uno dei seguenti tipi di numeri di telefono: Ciascun tipo è associato a un'espressione regolare predefinita per la convalida.

  • Tipo International è convalidato da ^[+][0-9]{0,14}$.
  • Il tipo USPhoneNumber viene convalidato da {'+1 ('999') '999-9999}.
  • Il tipo UKPhoneNumber viene convalidato da text{'+'99 999 999 9999}.
  • Il tipo personalizzato non fornisce un pattern di convalida predefinito. Prende il valore dell'ultimo tipo di numero di telefono selezionato. È inoltre possibile specificare un pattern di convalida personalizzato.
Condizioni d’usoAggiunge un campo che gli autori possono utilizzare per specificare i termini e le condizioni che gli utenti devono leggere prima di compilare il modulo.
Casella di testo

Aggiunge una casella di testo in cui l’utente può specificare le informazioni richieste.

Per impostazione predefinita, il componente Casella di testo accetta solo testo normale. È possibile abilitare un componente Casella di testo per accettare il testo RTF. Un componente testo RTF fornisce opzioni per aggiungere intestazioni, modificare gli stili dei caratteri (grassetto, corsivo, sottolineare i caratteri), creare elenchi ordinati e non ordinati, modificare lo sfondo del testo e il colore del testo e aggiungere collegamenti ipertestuali. Per abilitare il testo RTF per una casella di testo, attiva l’opzione Consenti RTF nelle proprietà del componente.

TitoloSpecifica un titolo per il modulo adattivo.
Passaggio verifica

Aggiunge un segnaposto per visualizzare il modulo compilato per la verifica da parte dell’utente.

Nota: il modulo adattivo contenente il componente Verifica non supporta gli utenti anonimi. Inoltre, si sconsiglia di utilizzare il componente Verifica in un frammento di modulo adattivo.