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.
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
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
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
Selezionare il nodo streetaddress e impostarne le proprietà come illustrato di seguito.
Imposta le proprietà del nodo della città
Selezionare il nodo city e impostarne le proprietà come illustrato di seguito.
Imposta le proprietà del nodo zip
Selezionare il nodo zip e impostarne le proprietà come illustrato di seguito.
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
Impostare le opzioni per il campo Stato
Selezionare il nodo state e aggiungere le seguenti proprietà.
Il componente addressblock finale si presenterà così
