Overview
Questa guida spiega come configurare eventi di campo personalizzati in ChronoForms 8 utilizzando Trigger e Listener. Illustra un esempio pratico di nascondere un'area di testo al caricamento della pagina e mostrarla quando viene selezionata una specifica opzione radio. Le istruzioni passo passo coprono la creazione di trigger per gli eventi di caricamento della pagina e di cambio valore, quindi la configurazione dei listener per nascondere o mostrare l'area di testo di conseguenza.
A volte è necessario mostrare/nascondere/disabilitare/abilitare campi o sezioni del modulo in base ai valori di altri campi del modulo. Ecco come utilizzare i comportamenti Trigger e Listener per configurare eventi di campo personalizzati in Chronoforms8.
Nel nostro esempio, vogliamo nascondere un'area di testo per impostazione predefinita quando il modulo viene caricato e mostrarla se l'utente sceglie la 2a opzione in un campo radio. Per questo, troviamo che abbiamo 2 eventi:
- Caricamento della pagina, questo sarà il primo evento trigger
- Cambio di valore del campo radio, questo sarà il secondo trigger
Creiamo il nostro primo trigger, ecco i passaggi:
- Apri il menu a discesa dei comportamenti nelle impostazioni della tua area di testo
- Abilita "Eventi trigger"
- Aggiungi un nuovo trigger
- Assicurati che sia impostato su "Document Ready", questo evento viene attivato ogni volta che la pagina viene caricata
- Inserisci un nome per il trigger, in questo caso scegliamo "hide_textarea"
Ora un trigger chiamato "hide_textarea" verrà attivato quando la pagina viene caricata.
Quindi dobbiamo configurare l'area di testo per nascondersi quando quel trigger viene attivato, ecco come fare:
- Abilita "Eventi listener" sotto comportamenti.
- Clicca su Aggiungi Listener
- Imposta "Al trigger di" sul nome del trigger a cui vogliamo ascoltare, in questo caso "hide_textarea"
- Imposta "Azione da eseguire" su nascondi
Poiché il nostro listener è nell'area di testo, questo nasconderà l'area di testo quando il trigger viene eseguito, ma potremmo ascoltare questo trigger anche su qualsiasi altro campo.
Ora dobbiamo impostare un nuovo trigger da attivare quando il valore del nostro campo radio è impostato sulla 2a opzione, ecco come fare:
- Apri le impostazioni del campo Radio e abilita il comportamento "Eventi trigger"
- Aggiungi un nuovo trigger
- Imposta "Su" su "Valore in"
- Imposta i valori su "ck2" che è la 2a opzione del campo radio, vogliamo che il trigger si attivi quando questa opzione è selezionata
- Diamo al nostro trigger il nome "show_textarea"
Ora abbiamo un nuovo trigger chiamato "show_textarea" e questo verrà attivato quando la nostra 2a opzione radio viene selezionata
Dobbiamo solo ascoltare questo nuovo trigger nella nostra area di testo per mostrare l'area di testo quando viene attivato.
Quindi, tornando alle impostazioni della nostra area di testo, dobbiamo aggiungere un nuovo listener:
- Aggiungiamo un nuovo listener
- Impostiamo il nome del trigger su "show_textarea"
- Impostiamo "Azione" su "mostra"
Ora la nostra area di testo verrà mostrata una volta che la 2a opzione del campo radio viene selezionata
Comments:
How can I hide and show a container instead of a text area? The container doesn't have triggers, and I need to hide it when the form loads
Hi
You use another element's trigger and hide the container using a Listener in the container itself