Published on

In this tutorial we will show the main concepts in ChronoForms v8 in order to show you how the form builder works
Partie 1 : Pages du formulaire et événements de page
- Le titre du formulaire s’affichera dans le gestionnaire de formulaires.
- L’alias du formulaire est obligatoire. Il sera généré automatiquement s’il est vide. Il sera utilisé pour référencer le formulaire dans les menus, modules et shortcodes des plugins dans les articles (Joomla), publications ou pages (WordPress).
- Votre formulaire peut avoir un nombre quelconque de pages.
- L’événement de chargement de la page est déclenché lorsque la page est chargée.
- L’événement de soumission de la page est déclenché lorsque la page est soumise (généralement via un bouton de soumission).
- Vous pouvez faire glisser des Vues ou Actions depuis le panneau latéral droit vers les événements Load & Submit de la page.
Partie 2 : Vues et Actions du formulaire
- Les Vues envoient une sortie au navigateur : champs de formulaire, code HTML, CSS, JavaScript, message de confirmation, conteneurs, etc.
- Les Actions sont situées dans l’onglet "Actions" du panneau latéral droit.
- Les Actions effectuent des tâches serveur comme l’envoi d’e-mails, l’exécution de code PHP, la redirection, la lecture de base de données, les paiements, etc.
- Les Vues et Actions placées dans les événements de page sont traitées dans l’ordre, de haut en bas.
Partie 3 : Paramètres des Vues et Actions
- Chaque Vue ou Action possède une liste de comportements (Behaviors) qui permet de personnaliser son fonctionnement.
- Les champs du formulaire auront les comportements de validation pour valider la valeur du champ.
- Le nom des Actions est important car la valeur retournée utilise ce nom dans le tableau Variables. Vous pouvez changer le nom d’une Action en cliquant sur son étiquette bleue.
- Les Actions et Vues peuvent recevoir une étiquette d’identification spéciale dans le concepteur en définissant le champ "Designer Label" dans le comportement "Wizard Settings".
- Certaines Actions ont des événements internes déclenchés selon leur traitement, comme lorsqu’un enregistrement de base de données est trouvé ou non. Ils peuvent être activés via le comportement "Run Events".
- D’autres Actions et Vues peuvent être placées sous ces événements internes et seront exécutées uniquement si l’événement est déclenché.
- La valeur par défaut d’un champ peut être définie en utilisant le comportement "Default Value".
- Les shortcodes ChronoForms peuvent être utilisés presque partout dans le concepteur. Ici, nous avons utilisé le shortcode {var:action_name} pour assigner la valeur retournée par l’action PHP au champ texte.
Partie 4 : Paramètres du formulaire
- Plusieurs paramètres sont disponibles dans l’onglet Settings de l’éditeur de formulaire.
- Le paramètre Form Debug affiche des informations de débogage utiles sous le formulaire lorsqu’il est activé.
Partie 5 : Options de page
- Les pages du formulaire s’exécutent dans l’ordre, de haut en bas jusqu’à la dernière page.
- Cela ne s’applique que si les pages ont le même "Groupe de page". Si la deuxième page a un groupe différent, elle ne s’exécutera pas après la première.
- Elle s’exécutera uniquement si l’URL du formulaire est appelée avec le paramètre de la 2ᵉ page : form-url?chronopage=page2-alias