Crea componente indirizzo

Accedi a CRXDE dell’istanza cloud locale di AEM Forms.

Creare una copia del nodo /apps/bankingapplication/components/adaptiveForm/button e rinominarlo in addressblock. Seleziona il nodo addressblock e impostane le proprietà come mostrato di seguito.

NOTE
bankingapplication è l'appId fornito durante la creazione del progetto Maven. Questo appId potrebbe essere diverso nel tuo ambiente. Potete fare una copia di qualsiasi componente, mi è capitato di fare una copia del componente pulsante

blocco di indirizzi

proprietà nodo cq-template

Selezionare il nodo cq-template sotto il nodo addressblock e impostarne le proprietà come illustrato di seguito. Il tipo di campo è impostato su panel
cq-template

Aggiungi nodi in cq-template

Aggiungi i seguenti nodi di tipo nt:unstructured in cq-template

  • indirizzo stradale
  • città
  • zip
  • stato

Questi nodi rappresentano i campi del componente blocco di indirizzi. I campi streetaddress, city e zip saranno un campo di immissione testo e il campo state sarà un campo a discesa.

Impostare le proprietà del nodo streetaddress

NOTE
La bankingapplication nel percorso fa riferimento all'appId del progetto Maven. Questo potrebbe essere diverso nell’ambiente

Selezionare il nodo streetaddress e impostarne le proprietà come illustrato di seguito.
indirizzo

Imposta le proprietà del nodo della città

Selezionare il nodo city e impostarne le proprietà come illustrato di seguito.
città

Imposta le proprietà del nodo zip

Selezionare il nodo zip e impostarne le proprietà come illustrato di seguito.
zip

Impostare le proprietà del nodo di stato

Selezionare il nodo state e impostarne le proprietà come illustrato di seguito. Osserva il fieldType dello stato: è impostato per essere un menu a discesa
stato

Il componente addressblock finale si presenterà così

indirizzo-finale

Passaggi successivi

Distribuire il progetto

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69