v7 v8

Elementi statici in un modulo web

Ultimo aggiornamento: 2023-05-24
  • Argomenti:
  • Web Forms
    Visualizza ulteriori informazioni su questo argomento

È possibile includere nelle pagine del modulo elementi con i quali l'utente non ha alcuna interazione, ovvero elementi statici quali immagini, contenuto HTML, una barra orizzontale o un collegamento ipertestuale. Questi elementi vengono creati tramite il primo pulsante nella barra degli strumenti, selezionando Static elements.

Sono disponibili i seguenti tipi di campo:

  • Valore basato sulle risposte fornite in precedenza (nel contesto del modulo) o sul database.

  • Collegamento ipertestuale, HTML, barra orizzontale. Consulta Inserimento di contenuto HTML.

  • Immagine salvata nella libreria delle risorse o in un server accessibile agli utenti. Consulta Inserimento di immagini.

  • Script eseguito lato client e/o lato server. Deve essere scritto in JavaScript ed essere compatibile con la maggior parte dei browser per garantire la corretta esecuzione sul lato client.

    NOTA

    Sul lato server, lo script può utilizzare le funzioni definite in Documentazione JSAPI per Campaign.

Inserisci contenuto HTML

È possibile includere contenuto HTML in una pagina del modulo: collegamenti ipertestuali, immagini, paragrafi formattati, video e così via.

L’editor di HTML consente di inserire il contenuto da inserire nella pagina del modulo. Per aprire l’editor, fai clic su Static elements > HTML .

Puoi inserire e formattare il contenuto direttamente o visualizzare la finestra del codice sorgente per incollare del contenuto esterno. Per passare alla modalità "codice sorgente", fai clic sulla prima icona nella barra degli strumenti:

Per inserire un campo di database, utilizza il pulsante di personalizzazione.

NOTA

Le stringhe immesse nell’editor di HTML vengono tradotte solo se sono definite nel Texts scheda secondaria. In caso contrario, non verranno raccolti. Per ulteriori informazioni, consulta Traduzione di un modulo web.

Compila i campi nella finestra di modifica come mostrato nell’esempio seguente:

Per aggiungere un collegamento ipertestuale, vai a Static elements > Link.

  • Il Label è il contenuto del collegamento ipertestuale che verrà visualizzato nella pagina del modulo.

  • Il URL è l’indirizzo desiderato, ad esempio: https://www.adobe.com per un sito web, oppure info@adobe.com per inviare un messaggio.

  • Il Window consente di selezionare la modalità di visualizzazione del collegamento nel caso di un sito. È possibile decidere di aprire il collegamento in una nuova finestra, nella finestra corrente o in un'altra finestra.

  • È possibile aggiungere una descrizione comandi, come illustrato di seguito:

  • Puoi scegliere di visualizzare il collegamento come pulsante o immagine. A questo scopo, seleziona il tipo di visualizzazione nell’ Type campo.

Per impostazione predefinita, i collegamenti sono associati a un’azione di tipo URL, in modo che un indirizzo di destinazione del collegamento possa essere inserito nel campo URL.

Puoi definire altre azioni per il collegamento, in modo che l’utente possa fare clic sul collegamento per effettuare le seguenti operazioni:

  • Aggiorna la pagina

    A questo scopo, seleziona la Refresh page nella casella a discesa del Action campo.

  • Visualizza la pagina precedente/successiva

    A questo scopo, seleziona la Next page o Previous page nella casella a discesa del Action campo.

    È possibile nascondere Next e/o Back se devono essere sostituiti da un collegamento. Fai riferimento a questo pagina.

    Il collegamento sostituirà il Next utilizzato per impostazione predefinita.

  • Visualizza un'altra pagina

    Il Enable a transition consente di visualizzare una pagina specifica associata alla transizione in uscita selezionata nel Transition campo.

    Per impostazione predefinita, una pagina ha una sola transizione di output. Per creare nuove transizioni, seleziona la pagina e fai clic su Add pulsante in Output transitions come mostrato di seguito:

    Nel diagramma, l’aggiunta avrà un aspetto simile al seguente:

    NOTA

    Per ulteriori informazioni sulla sequenza delle pagine in un modulo web, consulta Definizione della sequenza di pagine dei moduli web.

Personalizzare il contenuto di HTML

È possibile personalizzare il contenuto HTML di una pagina del modulo con i dati registrati in una pagina precedente. Ad esempio, è possibile creare un modulo Web di assicurazione auto la cui prima pagina consente di fornire informazioni di contatto e il marchio dell'auto.

Utilizza i campi di personalizzazione per inserire nuovamente il nome utente e il marchio selezionati nella pagina successiva. La sintassi da utilizzare dipende dalla modalità di archiviazione delle informazioni. Per ulteriori informazioni, consulta Utilizzo delle informazioni raccolte.

NOTA

Per motivi di sicurezza, il valore immesso in <%= la formula viene sostituita con caratteri di escape.

Nel nostro esempio, il nome e il cognome del destinatario sono memorizzati in un campo del database, mentre il marchio della sua auto è memorizzato in una variabile. La sintassi del messaggio personalizzato a pagina 2 sarà la seguente:

<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

Questo produce il seguente risultato:

Usa variabili di testo

Il Text La scheda consente di creare campi variabili che possono essere utilizzati nel HTML tra i caratteri <%= e %> con la seguente sintassi: $(IDENTIFIER).

Utilizzare questo metodo per localizzare facilmente le stringhe. Consulta Traduzione di un modulo web

Ad esempio, puoi creare un’ Contatto che ti consentirà di visualizzare la stringa "Date of last contact:" (Data dell’ultimo contatto) nel contenuto del HTML. A tale scopo, segui la procedura indicata di seguito:

  1. Fai clic sul pulsante Text del testo del HTML.

  2. Fai clic su Add icona.

  3. In Identifier , immettere il nome della variabile

  4. In Text , immettere il valore predefinito.

  5. Nel contenuto di HTML, inserisci questa variabile di testo tramite il <%= $(Contact) %> sintassi.

    ATTENZIONE

    Se inserisci questi caratteri nell’editor di HTML, il < e > I campi verranno sostituiti con i relativi caratteri di escape. In questo caso, è necessario correggere il codice sorgente facendo clic sul pulsante Display source code dell’editor di testo di HTML.

  6. Apri Preview etichetta del modulo per visualizzare il valore immesso nel HTML:

Questa modalità operativa consente di definire il testo dei moduli web una sola volta e di gestire le traduzioni utilizzando lo strumento di traduzione integrato. Per ulteriori informazioni, consulta Traduzione di un modulo web.

Inserisci immagini

Le immagini da includere nei moduli devono essere salvate in un server accessibile dall'esterno.

Seleziona la Static elements > Image menu.

Seleziona l’origine dell’immagine da inserire: può provenire dalla libreria delle risorse pubbliche o essere memorizzata su un server esterno accessibile dall’esterno.

Se si tratta di un’immagine della libreria, selezionala nella casella combinata del campo; se si trova in un file esterno, immetti il percorso di accesso. L’etichetta viene visualizzata passando il cursore sull’immagine (coincide con un campo ALT in HTML) o quando l’immagine non viene visualizzata.

L'immagine può essere visualizzata nella sezione centrale dell'editor.

In questa pagina