Comment fonctionne ChronoForms8

Comprenez comment fonctionne ChronoForms v8 et comment utiliser l’interface pour créer tout type de formulaire.

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

Comment fonctionne ChronoForms8 image 2

  • 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.

Comment fonctionne ChronoForms8 image 3

  • 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

Comment fonctionne ChronoForms8 image 4

  • Les Vues envoient une sortie au navigateur : champs de formulaire, code HTML, CSS, JavaScript, message de confirmation, conteneurs, etc.

Comment fonctionne ChronoForms8 image 5

  • 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.

Comment fonctionne ChronoForms8 image 6

  • 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

Comment fonctionne ChronoForms8 image 7

  • Chaque Vue ou Action possède une liste de comportements (Behaviors) qui permet de personnaliser son fonctionnement.

Comment fonctionne ChronoForms8 image 8

  • Les champs du formulaire auront les comportements de validation pour valider la valeur du champ.

Comment fonctionne ChronoForms8 image 9

  • 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.

Comment fonctionne ChronoForms8 image 10

  • 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".

Comment fonctionne ChronoForms8 image 11

  • 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é.

Comment fonctionne ChronoForms8 image 12

  • 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

Comment fonctionne ChronoForms8 image 13

  • 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

Comment fonctionne ChronoForms8 image 14

  • 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
Category: ChronoForms v8