Funzionalità di layout di Forms adattivo basate sui componenti core

Accedi all’istanza Experience Manager Forms.

Nell’angolo superiore sinistro selezionare Adobe Experience Manager > Forms > Forms e documenti.

Apri un modulo adattivo esistente in modalità di modifica, se è già stato creato.

In alternativa, puoi anche creare un nuovo modulo adattivo.

Individua la sezione all’interno del generatore di moduli che consente di aggiungere un layout.

Fai clic sull’icona Aggiungi. L’icona è un segno più (+) che indica l’opzione per aggiungere nuovi componenti.

Facendo clic sull’icona Aggiungi viene visualizzata una finestra di dialogo Inserisci nuovo componente in cui sono visualizzati vari componenti da inserire.

Sfoglia i componenti disponibili nella finestra di dialogo e seleziona il layout desiderato dall’elenco. Nel nostro caso, selezioniamo il componente Schede orizzontali per inserire il layout delle schede orizzontali.

Quando si aggiunge al modulo il componente Schede orizzontali, inizialmente è costituito da due pannelli vuoti, denominati Item1 e Item2, per impostazione predefinita. Devi aggiungere manualmente i componenti del modulo a questi pannelli.

Apri le proprietà del componente Schede orizzontali e specifica il nome del componente.
Ad esempio, in questo caso, aggiungiamo il nome del componente Schede orizzontali come Modulo di richiesta IT.

Fai clic su Fine.

Apri le proprietà del componente Schede orizzontali e fai clic sulla scheda Elementi.

Fai clic sull’icona Aggiungi per aggiungere un nuovo pannello.

Quando si fa clic sull’icona Aggiungi, viene visualizzata la finestra di dialogo Inserisci nuovo componente.

Seleziona il componente del pannello.

Quando selezioni il componente pannello, il nuovo pannello viene aggiunto nel layout orizzontale.

Assegna un nome al nuovo pannello. In caso contrario, non puoi salvare le proprietà del componente Schede orizzontali.

Specificate i nomi dei pannelli come mostrato nella figura riportata di seguito:

Fai clic su Fine.

Dopo aver fatto clic su Fine, i tre pannelli vengono visualizzati affiancati in una riga. I nomi dei pannelli vengono visualizzati come intestazioni per ciascun pannello e puoi aggiungere componenti modulo a ciascun pannello.

Puoi configurare le proprietà del componente pannello. Ad esempio, il modulo di richiesta IT non include i titoli dei pannelli, ecco i passaggi per configurare le proprietà del componente pannello.

Apri le proprietà del primo pannello.

Selezionare la casella di controllo Nascondi titolo dalla scheda Base.

Fai clic su Fine.

Individua la sezione all’interno del pannello che consente di aggiungere componenti.

Fai clic sull’icona Aggiungi. L’icona è un segno più (+) che indica l’opzione per aggiungere nuovi componenti.

Facendo clic sull’icona Aggiungi viene visualizzata una finestra di dialogo Inserisci nuovo componente in cui sono visualizzati vari componenti da inserire.

Sfoglia i componenti disponibili nella finestra di dialogo che viene visualizzata e seleziona il componente desiderato. Nel nostro caso, seleziona il componente Casella di testo.

Apri le proprietà del componente aggiunto e specifica il nome. Consente di modificare le proprietà del componente Casella di testo aggiunto e di specificarne il nome.

Allo stesso modo, aggiungi altri due componenti Casella di testo e assegna ai componenti un nome ID e-mail e un Reparto.

Dopo aver aggiunto i componenti nel primo pannello, puoi procedere con l’aggiunta dei componenti al secondo pannello.

Per cambiare pannello, fare clic su Seleziona pannello nella barra degli strumenti.

Quando fai clic su Seleziona pannello, viene visualizzato l’elenco dei pannelli aggiunti nel componente Schede orizzontali.

Selezionare 2 pannello dall’elenco dei pannelli e la visualizzazione cambia dal primo pannello al secondo.

Ripetete i passi descritti dal punto 2 al punto 4 per aggiungere i componenti desiderati nel pannello 2 come mostrato nella figura seguente:

Passare al pannello 3 seguendo i passaggi descritti nei passaggi 6 e 7.

Ripeti i passaggi descritti dal passaggio 2 al passaggio 4 per aggiungere il componente desiderato nel pannello 3:

Fai clic su Anteprima nell’angolo in alto a destra dell’ambiente di authoring.

Fare clic sull’icona Sostituisci nella barra degli strumenti del componente layout per visualizzare la finestra di dialogo Sostituisci componente.

Selezionare il layout desiderato dalla finestra di dialogo Sostituisci componente.

Dopo aver selezionato il layout, la disposizione dei componenti all’interno del layout cambia di conseguenza. Ad esempio, seleziona il componente Schede verticali dalla finestra di dialogo Sostituisci componente; la disposizione del pannello cambia in Schede a sinistra:

Individua la sezione che ti consente di aggiungere componenti.

Passa al pannello a sinistra nell’ambiente di authoring e fai clic su Componenti.

Quando si fa clic sull’opzione Componenti, viene visualizzato l’elenco dei componenti disponibili.

Sfoglia i componenti disponibili e seleziona il componente desiderato.

Trascina il componente facendo clic e tenendo premuto il pulsante, quindi trascinalo sull’area del pannello per posizionarlo.

Rilascia il componente nel pannello rilasciando il mouse.