Overview
Deze handleiding legt uit hoe je aangepaste veldgebeurtenissen kunt instellen in ChronoForms 8 met behulp van Triggers en Listeners. Het doorloopt een praktisch voorbeeld van het verbergen van een tekstvak bij het laden van de pagina en het tonen ervan wanneer een specifieke radio-optie is geselecteerd. De stap-voor-stap instructies behandelen het maken van triggers voor pagina-laad- en waarde-veranderingsgebeurtenissen, en vervolgens het configureren van listeners om het tekstvak dienovereenkomstig te verbergen of tonen.
Soms moet je velden of secties van je formulier tonen/verbergen/uitschakelen/inschakelen op basis van de waarden van andere formuliervelden, hier is hoe je Triggers en Listeners gedragingen kunt gebruiken om aangepaste veldgebeurtenissen in te stellen in Chronoforms8
In ons voorbeeld willen we een tekstvak standaard verbergen wanneer het formulier wordt geladen, en het tonen als de gebruiker de 2e optie in een radio-veld kiest. Hiervoor vinden we dat we 2 gebeurtenissen hebben:
- Pagina Laden, dit zal de eerste triggergebeurtenis zijn
- Waarde Verandering van het radio-veld, dit zal de 2e trigger zijn
Laten we onze eerste trigger maken, hier zijn de stappen:
- Open de gedragingsdropdown in je tekstvak-instellingen
- Schakel de "Events triggers" in
- Voeg een nieuwe trigger toe
- Zorg ervoor dat deze is ingesteld op "Document Ready", deze gebeurtenis wordt geactiveerd wanneer de pagina wordt geladen
- Voer een triggernaam in, in dit geval kiezen we "hide_textarea"
Nu zal een trigger genaamd "hide_textarea" worden geactiveerd wanneer de pagina wordt geladen.
Vervolgens moeten we het tekstvak configureren om te verbergen wanneer die trigger wordt geactiveerd, hier is hoe je dit doet:
- Schakel "Events listeners" in onder gedragingen.
- Klik op Listener Toevoegen
- Stel de "On trigger of" in op de triggernaam waarnaar we willen luisteren, in dit geval "hide_textarea"
- Stel de "Action to do" in op hide (verbergen)
Aangezien onze listener in het tekstvak zit, zal dit het tekstvak verbergen wanneer de trigger wordt uitgevoerd, maar we zouden ook naar deze trigger kunnen luisteren op elk ander veld.
Nu moeten we een nieuwe trigger instellen die wordt geactiveerd wanneer de waarde van ons radio-veld is ingesteld op de 2e optie, hier is hoe je dit doet:
- Open de Radio-veldinstellingen en schakel de "Events triggers" gedraging in
- Voeg een nieuwe trigger toe
- Stel de "On" in op "Value in"
- Stel waarden in op "ck2", wat de 2e radio-veldoptie is. We willen dat de trigger wordt geactiveerd wanneer deze optie is geselecteerd
- Laten we onze trigger de naam "show_textarea" geven
Nu hebben we een nieuwe trigger genaamd "show_textarea" en deze zal worden geactiveerd wanneer onze 2e radio-optie is geselecteerd
We hoeven alleen maar naar deze nieuwe trigger te luisteren in ons tekstvak om het tekstvak te tonen wanneer het wordt geactiveerd.
Dus terug naar onze tekstvak-instellingen, we moeten een nieuwe listener toevoegen:
- We voegen een nieuwe listener toe
- We stellen de triggernaam in op "show_textarea"
- We stellen de "Action" in op "show" (tonen)
Nu zal ons tekstvak worden getoond zodra de 2e radio-veldoptie is geselecteerd
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