Wie ChronoForms8 funktioniert

Verstehen Sie, wie ChronoForms v8 funktioniert und wie Sie die Oberfläche verwenden, um jedes Formular zu erstellen.

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

Wie ChronoForms8 funktioniert image 2

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

Wie ChronoForms8 funktioniert image 3

  • 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

Wie ChronoForms8 funktioniert image 4

  • Ansichten geben Ausgaben an den Browser zurück: Formularfelder, HTML, CSS, JavaScript, Bestätigungsnachrichten, Container usw.

Wie ChronoForms8 funktioniert image 5

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

Wie ChronoForms8 funktioniert image 6

  • 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

Wie ChronoForms8 funktioniert image 7

  • Jede Ansicht oder Aktion hat eine Liste von Verhaltensweisen (Behaviors), um die Funktionalität anzupassen.

Wie ChronoForms8 funktioniert image 8

  • Formularfelder können Validierungsverhalten haben, um Eingaben zu prüfen.

Wie ChronoForms8 funktioniert image 9

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

Wie ChronoForms8 funktioniert image 10

  • Aktionen und Ansichten können im Designer eine spezielle Kennzeichnung durch das Feld „Designer Label“ im Verhalten „Wizard Settings“ erhalten.

Wie ChronoForms8 funktioniert image 11

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

Wie ChronoForms8 funktioniert image 12

  • 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

Wie ChronoForms8 funktioniert image 13

  • 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

Wie ChronoForms8 funktioniert image 14

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

VPS & Email Hosting 20% discount
hostinger