Rendering di un modulo

Selezione del modello di rendering del modulo

Le impostazioni del modulo consentono di selezionare il modello utilizzato per generare le pagine. Per accedervi, fai clic sul pulsante Properties nella barra degli strumenti dei dettagli del modulo e seleziona il pulsante Rendering scheda . Per impostazione predefinita sono disponibili diversi modelli (fogli di stile).

La sezione inferiore dell’editor consente di visualizzare un rendering del modello selezionato.

La funzione di zoom consente di modificare il modello selezionato.

È possibile modificare o sostituire questi modelli. A questo scopo, fai clic sul pulsante Page layout… collega e personalizza le informazioni.

Puoi:

  • Modificare l'immagine utilizzata come logo e adattarne le dimensioni,
  • Specifica anche il percorso per accedere all'immagine di anteprima quando gli utenti selezionano questo modello di rendering.

La Headers/Footers consente di modificare le informazioni visualizzate nelle intestazioni e nei piè di pagina di ogni pagina del modulo utilizzando questo modello.

Ogni riga del Page headers e Page footers corrisponde a una riga nella pagina HTML. Fai clic su Add per creare una nuova riga.

Seleziona una linea esistente e fai clic sul pulsante Detail per personalizzarlo.

È possibile modificare il contenuto della riga, aggiungere bordi e modificare gli attributi dei font tramite le schede pertinenti. Fai clic su OK per confermare queste modifiche.

La Position I campi consentono di definire la posizione degli elementi nell’intestazione e nel piè di pagina.

NOTA

I modelli di rendering sono memorizzati nella Administration > Configuration > Form rendering nodo.
Per ulteriori informazioni, consulta Personalizzazione del rendering del modulo

Personalizzazione del rendering del modulo

Modifica del layout degli elementi

È possibile sovraccaricare il foglio di stile per ciascun elemento del modulo (campi di input, immagini, pulsanti di scelta, ecc.).

Per eseguire questa operazione, utilizza la variabile Advanced scheda .

Consente di definire le seguenti proprietà:

  • Label position: vedere Definizione della posizione delle etichette,

  • Label format: Ritorno a capo o senza ritorno a capo,

  • Number of cells : vedere Posizionamento dei campi nella pagina,

  • Horizontal alignment (A sinistra, A destra, Al centro) e Vertical alignment (Alta, Bassa, Media),

  • Width della zona: può essere espresso in percentuale o in em, punti o pixel (valore predefinito),

  • Massimo Length: Numero massimo di caratteri consentiti (per i controlli di tipo Testo, Numero e Password),

  • Lines: numero di righe per un Multi-line text zona del tipo,

  • Style inline: consente di sovraccaricare il foglio di stile CSS con impostazioni aggiuntive. Sono separati utilizzando ; caratteri come mostrato nell’esempio seguente:

Definizione di intestazioni e piè di pagina

I campi vengono sequenziati in una struttura ad albero la cui radice ha lo stesso nome della pagina. Selezionala per modificare il nome.

Il titolo della finestra deve essere inserito nella Page scheda della finestra delle proprietà del modulo. È inoltre possibile aggiungere un contenuto impostato all’intestazione e al piè di pagina della pagina (queste informazioni saranno visualizzate su ogni pagina). Questo contenuto viene immesso nelle sezioni corrispondenti del Texts , come illustrato di seguito:

Aggiunta di elementi all’intestazione di HTML

È possibile inserire elementi aggiuntivi da inserire nell’intestazione HTML di una pagina del modulo. A questo scopo, immetti gli elementi nel Header scheda della pagina pertinente.

Questo consente ad esempio di fare riferimento a un’icona che verrà visualizzata nella barra del titolo della pagina.

Definizione delle impostazioni di controllo

Quando l’utente compila il modulo, su alcuni campi viene automaticamente eseguito un controllo a seconda del formato o della configurazione. Ciò ti consente di rendere obbligatori alcuni campi (consulta Definizione dei campi obbligatori) o controlla il formato dei dati immessi (consulta Verifica del formato dei dati). I controlli vengono eseguiti durante l’approvazione della pagina (facendo clic su un collegamento o un pulsante che abilita una transizione di output).

Definizione dei campi obbligatori

Per rendere obbligatori alcuni campi, seleziona questa opzione al momento della creazione del campo.

Se l’utente approva la pagina senza aver inserito il campo, viene visualizzato il seguente messaggio:

Puoi personalizzare il messaggio facendo clic sul pulsante Personalize this message link.

Se l’utente approva la pagina senza aver inserito il campo, viene visualizzato il seguente messaggio:

Verifica del formato dei dati

Per i controlli del modulo i cui valori sono memorizzati in un campo esistente del database, verranno applicate le regole per il campo di archiviazione.

Per i controlli dei moduli i cui valori sono memorizzati in una variabile, le regole di approvazione dipendono dal formato della variabile.

Ad esempio, se crei una Number controlla per memorizzare il numero client, come mostrato di seguito:

L’utente deve immettere un numero intero nel campo modulo.

Definizione della visualizzazione condizionale dei campi

È possibile configurare la visualizzazione dei campi nella pagina da visualizzare in base ai valori scelti dall’utente. Questo può essere applicato a un campo o a un gruppo di campi (quando sono raggruppati in un contenitore).

Per ogni elemento della pagina, il Visibility consente di definire le condizioni di visualizzazione.

Le condizioni possono riguardare il valore dei campi o delle variabili del database.

Nella finestra di selezione del campo è possibile scegliere tra i seguenti dati:

  • La struttura ad albero principale contiene i parametri del contesto del modulo. I parametri predefiniti sono l’identificatore (che corrisponde all’identificatore crittografato del destinatario), la lingua e l’origine.

    Per ulteriori informazioni, consulta questa pagina.

  • La Recipients la sottostruttura contiene i campi di input inseriti nel modulo e memorizzati nel database.

    Per ulteriori informazioni, consulta Memorizzazione dei dati nel database.

  • La Variables nella sottostruttura sono contenute le variabili disponibili per questo modulo. Per ulteriori informazioni, consulta Memorizzazione di dati in una variabile locale.

Per ulteriori informazioni, consulta il caso d’uso disponibile qui: Visualizzazione di opzioni diverse a seconda dei valori selezionati.

È inoltre possibile condizionare la visualizzazione delle pagine del modulo utilizzando la Test oggetto. Per ulteriori informazioni, consulta questa pagina.

Importazione di elementi da un modulo esistente

È possibile importare campi o contenitori da altri moduli Web. Questo consente di creare una libreria di blocchi riutilizzabili che verranno inseriti nei moduli, ad esempio il blocco indirizzo, l’area di abbonamento alla newsletter e così via.

Per importare un elemento in un modulo, effettua le seguenti operazioni:

  1. Modifica la pagina in cui desideri inserire uno o più elementi, quindi fai clic su Import an existing block nella barra degli strumenti.

  2. Selezionare il modulo Web contenente i campi da importare e scegliere i contenitori e i campi da importare.

    NOTA

    La Edit link L’icona a destra del nome del modulo di origine consente di visualizzare il modulo Web selezionato.

  3. Fai clic su Ok per confermare l'inserimento.

In questa pagina