Published on

In this tutorial we will show the main concepts in ChronoForms v8 in order to show you how the form builder works
Teil 1: Formularseiten und Seitenereignisse
- Der Formularname wird im Formularmanager angezeigt.
- Das Aliasfeld ist erforderlich. Es wird automatisch generiert, wenn es leer ist, und dient dazu, das Formular in Menüs, Modulen und Plugin-Shortcodes in Artikeln (Joomla), Beiträgen oder Seiten (WordPress) zu referenzieren.
- Ein Formular kann beliebig viele Seiten haben.
- Das Load-Ereignis einer Seite wird verarbeitet, wenn die Seite geladen wird.
- Das Submit-Ereignis einer Seite wird verarbeitet, wenn die Seite abgeschickt wird (meistens über einen Absenden-Button).
- Sie können Ansichten oder Aktionen aus dem rechten Seitenpanel in die Load- oder Submit-Ereignisse der Seite ziehen.
Teil 2: Formularansichten und -aktionen
- Ansichten geben Ausgaben an den Browser zurück: Formularfelder, HTML, CSS, JavaScript, Bestätigungsnachrichten, Container usw.
- Aktionen befinden sich im Tab „Actions“ im rechten Seitenpanel.
- Aktionen führen serverseitige Operationen aus: E-Mail-Versand, PHP-Code ausführen, Weiterleitungen, Datenbankzugriff, Zahlungen usw.
- Ansichten und Aktionen, die unter Seitenereignissen platziert werden, werden in der Reihenfolge von oben nach unten ausgeführt.
Teil 3: Einstellungen von Ansichten und Aktionen
- Jede Ansicht oder Aktion hat eine Liste von Verhaltensweisen (Behaviors), um die Funktionalität anzupassen.
- Formularfelder können Validierungsverhalten haben, um Eingaben zu prüfen.
- Der Name der Aktion ist wichtig, da der Rückgabewert unter diesem Namen im Array „Variables“ gespeichert wird. Sie können ihn ändern, indem Sie auf das blaue Label klicken.
- Aktionen und Ansichten können im Designer eine spezielle Kennzeichnung durch das Feld „Designer Label“ im Verhalten „Wizard Settings“ erhalten.
- Einige Aktionen besitzen interne Ereignisse (z. B. DB-Eintrag gefunden oder nicht), die mit „Run Events“ aktiviert werden können.
- Weitere Aktionen und Ansichten können unter diese internen Ereignisse gezogen werden und werden nur verarbeitet, wenn das Ereignis ausgelöst wird.
- Der Standardwert eines Felds kann mit „Default Value“ gesetzt werden.
- ChronoForms-Shortcodes können überall im Designer verwendet werden; hier nutzen wir {var:action_name}, um den von der PHP-Aktion zurückgegebenen Wert als Standardwert für das Textfeld zu setzen.
Teil 4: Formulareinstellungen
- Die Einstellungen befinden sich im Tab „Settings“ des Form-Editors.
- Die Aktivierung von „Form Debug“ zeigt hilfreiche Debug-Informationen unterhalb des Formulars an.
Teil 5: Seitenoptionen
- Formularseiten werden in der Reihenfolge von oben nach unten verarbeitet.
- Dies gilt nur, wenn die Seiten zur gleichen „Page Group“ gehören; wenn die zweite Seite einer anderen Gruppe zugeordnet ist, wird sie nach der ersten nicht automatisch ausgeführt.
- Sie wird stattdessen ausgeführt, wenn die Formular-URL mit dem Parameter der zweiten Seite aufgerufen wird: form-url?chronopage=page2-alias