[Applicabile anche a v8]{class="badge positive" title="Applicabile anche a Campaign v8"}

Rendering di un modulo form-rendering

Selezione del modello di rendering del modulo selecting-the-form-rendering-template

Le impostazioni del modulo consentono di selezionare il modello utilizzato per generare le pagine. Per accedervi, fare clic sul pulsante Properties nella barra degli strumenti dei dettagli del modulo e selezionare la scheda Rendering. 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.

Puoi modificare o ignorare questi modelli. A tale scopo, fare clic sul collegamento Page layout… e personalizzare le informazioni.

Puoi eseguire le seguenti azioni:

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

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

Ogni riga della sezione Page headers e Page footers corrisponde a una riga nella pagina HTML. Fare clic su Add per creare una nuova riga.

Selezionare una riga esistente e fare clic sul pulsante Detail per personalizzarla.

È possibile modificare il contenuto della linea, aggiungere bordi e modificare gli attributi del carattere tramite le relative schede. Fare clic su OK per confermare le modifiche.

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

NOTE
I modelli di rendering sono archiviati nel nodo Administration > Configuration > Form rendering.
Per ulteriori informazioni, consulta Personalizzazione del rendering dei moduli

Personalizzazione del rendering dei moduli customizing-form-rendering

Modifica del layout degli elementi changing-the-layout-of-elements

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

A tale scopo, utilizzare la scheda Advanced.

Consente di definire le seguenti proprietà:

  • Label position: vedere Definizione della posizione delle etichette,

  • Label format: ritorno a capo automatico o nessun ritorno a capo automatico,

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

  • Horizontal alignment (Sinistra, Destra, Centrata) e Vertical alignment (Alta, Bassa, Media),

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

  • Massimo Length: numero massimo di caratteri consentito (per i controlli Testo, Numero e Tipo di password),

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

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

Definizione di intestazioni e piè di pagina defining-headers-and-footers

I campi sono 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 immesso nella scheda Page della finestra delle proprietà della maschera. Puoi anche aggiungere un set di contenuti all’intestazione e al piè di pagina (queste informazioni vengono visualizzate su ogni pagina). Questo contenuto viene immesso nelle sezioni corrispondenti della scheda Texts, come illustrato di seguito:

Aggiunta di elementi all’intestazione HTML adding-elements-to-html-header

È possibile immettere elementi aggiuntivi da inserire nell'intestazione HTML di una pagina del modulo. A tale scopo, immettere gli elementi nella scheda Header della pagina corrispondente.

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

Definizione delle impostazioni di controllo defining-control-settings

Quando l’utente compila il modulo, viene automaticamente eseguito un controllo su alcuni campi, a seconda del formato o della configurazione. Questo ti consente di rendere obbligatori alcuni campi (fai riferimento a Definizione dei campi obbligatori) o di controllare il formato dei dati immessi (fai riferimento a 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 defining-mandatory-fields

Per rendere obbligatori alcuni campi, seleziona questa opzione durante la creazione del campo.

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

Per personalizzare il messaggio, fare clic sul collegamento Personalize this message.

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

Verifica del formato dei dati checking-data-format

Per i controlli dei moduli i cui valori sono memorizzati in un campo esistente del database, vengono 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 un controllo Number per memorizzare il numero client, come mostrato di seguito:

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

Definizione dei campi da visualizzare in modo condizionale defining-fields-conditional-display

Puoi configurare la visualizzazione dei campi sulla 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, la sezione 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 dei campi è possibile scegliere tra i seguenti dati:

  • La struttura principale contiene i parametri del contesto del modulo. I parametri predefiniti sono Identificatore (che corrisponde all’identificatore crittografato del destinatario), Lingua e Origine.

    Per ulteriori informazioni, consulta questa pagina.

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

    Per ulteriori informazioni, vedere Memorizzazione dei dati nel database.

  • La sottostruttura Variables contiene le variabili disponibili per questo modulo. Per ulteriori informazioni, vedere Memorizzazione dei 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 l'oggetto Test. Per ulteriori informazioni, consulta questa pagina.

Importazione di elementi da un modulo esistente importing-elements-from-an-existing-form

È 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 di indirizzi, l’area di abbonamento alla newsletter e così via.

Per importare un elemento in un modulo, attieniti alla seguente procedura:

  1. Modificare la pagina in cui si desidera inserire uno o più elementi, quindi fare 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.

    note note
    NOTE
    L'icona Edit link a destra del nome del modulo di origine consente di visualizzare il modulo Web selezionato.
  3. Fare clic su Ok per confermare l'inserimento.

recommendation-more-help
601d79c3-e613-4db3-889a-ae959cd9e3e1