This guide explains how to manage Javascript Events (also called "Hooks") within a Form's settings. Javascript events allow you to execute custom code at specific moments in the Form's lifecycle (for example, before submission or after validation).
WARNING: The Javascript section is intended for users with programming knowledge. Using incorrect code can alter the functionality of the Form and potentially the entire site.
Procedure to Manage Javascript Events
To enable or disable a specific event, follow these steps:
1. Access the Javascript Section
1. Open the Form you want to modify.
2. In the Form configuration panel, navigate to the section titled Javascript.
2. Locate the Event
In the Javascript section, you will find a list of all available events (such as submit, validation, etc.). Each event is contained in a separate box.
1. Scroll through the list and locate the event you want to enable or disable (for example, "Before Form Submission").
3. Enable or Disable the Event
Each event box contains management buttons in the top right corner:
1. To enable the event: Click on the Enable button (blue). The event box will become active (usually highlighted).
2. To disable the event: Click on the Disable button (red). The event box will return to inactive state.
> Note for technical users: When an event is active, a text area opens where you can insert custom Javascript code that will be executed at that specific moment.
4. Save Changes
Once you have finished managing events:
1. Make sure to save the entire Form to apply changes. The system will notify you if there are potential syntax errors in the inserted Javascript code, but you can choose to save anyway.
