Aggiunta di un pulsante di azione interattivo a un modulo

Argomenti

È possibile aggiungere campi interattivi al modulo. Soda PDF può aggiungere opzioni preimpostate come un pulsante di stampa, un pulsante di invio, un pulsante e-mail e un pulsante di salvataggio.

Questo articolo non tratterà la modifica dell'aspetto del pulsante, puoi saperne di più nella nostra guida completa alle proprietà dei campi.

Puoi anche programmare il tuo pulsante con JavaScript. In questo articolo verrà illustrato come aggiungere ciascuno dei seguenti elementi:

 

Altri argomenti che tratteremo:

 

Se non hai ancora Soda PDF, puoi acquistarlo qui.

 

buy now_it.png

 

Pulsante Invia modulo 

Il pulsante Invia modulo può essere utilizzato per avere un modo automatico per inviare moduli o valori una volta che un utente ha completato il modulo.

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Seleziona Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posizionare il pulsante di azione sul PDF

Vedrai il contorno del pulsante apparire sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegliere Invia azione modulo

  • Fare clic sui 3 punti nella finestra Aggiungi azione.

  • Scegli l'opzione Invia Modulo.

 

Screenshot_4.png

 

Passo 5 - Configurare le opzioni

  • Inserisci l'URL a cui verrà inviato il modulo.

  • Scegli il formato del file.

  • Scegli i campi che verranno inviati.

 

Screenshot_5.png

 

  • Se si sceglie l'opzione Seleziona campi, è necessario selezionare i campi che si desidera inviare.

  • È inoltre possibile scegliere di includere campi vuoti e invertire la selezione.

  • Fare clic su Applica quando si è pronti.

 

Screenshot_6.png

 

  • Quando tutte le impostazioni sono configurate, fare clic su Applica per confermare.

 

Screenshot_7.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_8.png

 

Pulsante Salva

Questo pulsante attiverà il comando Salva come quando un utente fa clic su di esso.

 

Passo 1 - Scegliere l'opzione Salva pulsante

  • Aprire la scheda Modulistica.

  • Seleziona Pulsante.

  • Fai clic su Salva.

 

Screenshot_9.png

 

Passo 2 - Posiziona il pulsante Salva sul tuo PDF

Vedrai il contorno della casella apparire sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_10.png

 

Ora puoi ridimensionare il pulsante o spostarlo in qualsiasi punto della pagina in modalità di modifica.

 

Screenshot_11.png

 

Pulsante Apri file

Quando un utente fa clic su questo pulsante, si aprirà un file specifico. Si prega di notare che chiunque riceva questo file avrà bisogno di accedere alla posizione del file.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Seleziona Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posizionare il pulsante di azione sul PDF

Vedrai il contorno del pulsante apparire sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Selezionare Apri azione file

  • Fare clic sull'opzione Apri file nella finestra Aggiungi azione.

 

Screenshot_12.png

 

Passo 5 - Scegli il tuo file e conferma l'azione

  • Si aprirà una finestra di navigazione e potrai scegliere il file.

  • L'azione verrà visualizzata nella finestra Aggiungi azione, fare clic su AGGIUNGI per confermare.

 

Screenshot_13.png

 

Pulsante Apri pagina Web

Quando un utente fa clic su questo pulsante, si aprirà una pagina Web specifica.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Scegliere Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posiziona il pulsante sul tuo PDF

Vedrai apparire il contorno del pulsante sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegliere Apri azione pagina Web

  • Fare clic sull'opzione Apri pagina web nella finestra Aggiungi azione.

 

Screenshot_14.png

 

Passo 5 - Inserisci l'URL

  • Inserisci l'URL nella casella.

  • Fai clic su Applica per confermare.

 

Screenshot_15.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_16.png

 

Pulsante di navigazione del documento

Quando un utente fa clic su questo pulsante, verrà portato a una pagina specifica del PDF.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Seleziona Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posizionare il pulsante di azione sul PDF

Vedrai apparire il contorno del pulsante sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegli Vai ad azione pagina

  • Fare clic sull'opzione Vai a Pagina nella finestra Aggiungi azione.

 

Screenshot_17.png

 

Passo 5 - Vai alla tua pagina di destinazione

  • Scorri fino alla pagina di destinazione.

    • Puoi anche utilizzare le opzioni di navigazione nell'angolo in basso a destra della pagina.

  • Clicca sulla pagina per confermare.

 

Screenshot_18.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_18.png

 

Pulsante Reimposta modulo

Quando un utente fa clic su questo pulsante, è possibile scegliere determinati campi modulo da reimpostare.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Scegliere Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posiziona il pulsante sul tuo PDF

Vedrai apparire il contorno del pulsante sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegliere Ripristina azione modulo

  • Fare clic sui 3 punti nella finestra Aggiungi azione.

  • Scegli l'opzione Reimposta Modulo.

 

Screenshot_19.png

 

Passo 5 - Selezionare i campi che verranno ripristinati

  • Seleziona le caselle accanto a qualsiasi campo che deve essere reimpostato.

  • Fai clic su Applica per confermare.

 

Screenshot_20.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_21.png

 

Pulsante Mostra/Nascondi campo

L'opzione Mostra campo consente di creare un trigger per visualizzare i campi nascosti. L'opzione Nascondi campo consente di nascondere determinati campi.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Scegliere Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posiziona il pulsante sul tuo PDF

Vedrai il contorno del pulsante apparire sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegliere Mostra campo o Nascondi azione campo

  • Fare clic sui 3 punti nella finestra Aggiungi azione.

  • Scegliere l'opzione Mostra Campo o Nascondi Campo.

 

Screenshot_22.png

 

Passo 5 - Scegli i campi che verranno nascosti / rivelati

  • Scegli i campi modulo che devono essere nascosti/rivelati.

  • Fai clic su Applica per confermare.

 

Screenshot_23.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_24.png

 

Pulsante codificato JavaScript

È possibile codificare un pulsante che utilizza uno script creato con JavaScript.

 

Passo 1 - Aggiungi un pulsante di azione

  • Aprire la scheda Modulistica.

  • Scegliere Pulsante.

  • Fare clic su Azione.

 

Screenshot_1.png

 

Passo 2 - Posiziona il pulsante sul tuo PDF

Vedrai apparire il contorno del pulsante sul tuo documento. Puoi posizionarlo dove vuoi.

  • Fare clic in un punto qualsiasi del file per posizionare il pulsante.

    • Tieni premuto il pulsante sinistro del mouse e trascina il cursore per ridimensionare il campo mentre lo posizioni.

 

Screenshot_2.png

 

Passo 3 - Apri la finestra Aggiungi azione

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Fare clic sulla scheda Eventi.

  • Fai clic su Imposta accanto ad Azione.

 

Screenshot_3.png

 

Passo 4 - Scegli l'azione JavaScript

  • Fare clic sui 3 punti nella finestra Aggiungi azione.

  • Scegli l'opzione JavaScript.

 

Screenshot_25.png

 

Passo 5 - Aggiungi il tuo script

  • Inserisci il tuo script nella casella.

  • Fare clic su OK per confermare.

 

Screenshot_26.png

 

Passo 6 - Conferma l'azione

L'azione verrà visualizzata nella finestra Aggiungi azione.

  • Fare clic su AGGIUNGI per finalizzare.

 

Screenshot_27.png

 

Gestione di più azioni

È possibile impostare il pulsante per avere più azioni contemporaneamente. Verranno attivati nell'ordine in cui appaiono.

È possibile riorganizzare l'ordine di qualsiasi azione.

  • Trascinare le azioni per modificare l'ordine di esecuzione delle azioni.

 

Screenshot_28.png

 

È possibile rimuovere un'azione dal pulsante.

  • Fare clic sull'icona del cestino accanto all'azione che si desidera rimuovere.

 

Screenshot_29.png

 

Cambia didascalia pulsante

È possibile aggiornare la didascalia del pulsante visualizzata dall'utente.

  • Seleziona il pulsante mentre sei in modalità di modifica.

  • Aprire le proprietà.

  • Scegliere la scheda Aspetto.

 

Screenshot_30.png

 

  • Apri la sezione Testo.

  • Digita la nuova didascalia e fai clic in qualsiasi altro punto per confermare.

 

Screenshot_31.png

 

Fare clic qui per ulteriori informazioni sulla modifica delle proprietà di aspetto dei campi modulo.

 

Test del pulsante

  • Passare alla modalità Leggi.

  • Fare clic sul pulsante.

 

Screenshot_32.png

 

Eliminazione di un pulsante

  • Fare clic su in modalità Modifica.

  • Fare clic con il pulsante destro del mouse sul pulsante.

  • Seleziona Rimuovi.

 

Screenshot_33.png

Questo articolo è stato utile?

No
Utenti che ritengono sia utile: 0 su 5
Altre domande? Invia una richiesta