Как работает Chronoforms8

Изучаем ChronoForms v8: Полное руководство по страницам форм, представлениям и действиям

Overview

В этом руководстве объясняются основные концепции ChronoForms v8, инструмента для создания форм. Оно охватывает страницы форм с событиями Load и Submit, использование Views для вывода и Actions для серверных задач, а также настройку параметров и поведения. В руководстве также подробно описаны параметры страниц, включая группы страниц и URL-параметры для многостраничных форм.

В этом руководстве мы покажем основные концепции ChronoForms v8, чтобы продемонстрировать, как работает конструктор форм.

Часть 1: Страницы форм и события страниц

Как работает Chronoforms8 image 2

  • Название формы будет отображаться в менеджере форм.
  • Псевдоним формы обязателен, он будет сгенерирован автоматически, если оставить поле пустым. Он используется для ссылки на форму в меню, модулях и шорткодах плагина в статьях (Joomla), записях или страницах (в WordPress).
  • Ваша форма может содержать любое количество страниц.

 

Как работает Chronoforms8 image 3

  • Событие загрузки страницы формы обрабатывается при загрузке страницы.
  • Событие отправки страницы формы обрабатывается при отправке страницы формы (обычно с помощью кнопки отправки).
  • Вы можете перетаскивать представления (Views) или действия (Actions) с правой боковой панели на события загрузки и отправки страницы формы.

 

Часть 2: Представления и действия формы

Как работает Chronoforms8 image 4

  • Представления формы (Form Views) отправляют некоторый вывод в браузер. Представления включают поля формы, HTML-код, CSS-код, JavaScript-код, сообщение подтверждения, контейнеры и т.д.

 

Как работает Chronoforms8 image 5

  • Действия формы (Form Actions) находятся на вкладке "Actions" на правой боковой панели.
  • Действия формы выполняют серверные задачи, такие как отправка электронных писем, выполнение PHP-кода, перенаправление, чтение из базы данных, перенаправление на платежный шлюз и т.д.

 

Как работает Chronoforms8 image 6

  • Представления и действия формы, размещенные под событиями страницы формы, обрабатываются по порядку, сверху вниз.

 

Как работает Chronoforms8 image 7

 

Часть 3: Настройки представлений и действий

Как работает Chronoforms8 image 8

  • Каждое представление или действие формы имеет список поведений (Behaviors), который можно использовать для настройки функциональности этого элемента.

 

Как работает Chronoforms8 image 9

  • Представления полей формы будут иметь поведение "Validation", которое можно использовать для проверки значения поля.

 

Как работает Chronoforms8 image 10

  • Имена действий формы важны, потому что возвращаемое значение использует это имя в массиве Variables. Вы можете изменить имя действия, щелкнув на синюю метку имени действия.

 

Как работает Chronoforms8 image 11

  • Действиям и представлениям формы можно присвоить специальную метку идентификации в конструкторе форм, установив "Designer Label" в поведении "Wizard Settings".

 

Как работает Chronoforms8 image 12

  • Некоторые действия формы имеют внутренние события, которые срабатывают в зависимости от их обработки, например, когда запись в базе данных найдена или не найдена. Их можно включить в поведении "Run Events".
  • Другие действия и представления формы можно перетащить под эти внутренние события, и они будут обработаны только в случае срабатывания внутреннего события.

 

Как работает Chronoforms8 image 13

  • Значение по умолчанию для полей формы можно установить с помощью поведения "Default Value".
  • Шорткоды Chronoforms можно использовать почти везде в конструкторе форм. Здесь мы использовали шорткод {var:action_name}, чтобы присвоить значение из действия PHP выше в качестве значения по умолчанию для текстового поля.

 

Часть 4: Настройки формы

Как работает Chronoforms8 image 14

  • Множество настроек формы можно найти на вкладке "Settings" редактора форм.
  • Настройка "Form Debug" при включении будет отображать полезную отладочную информацию под формой.

 

Часть 5: Параметры страниц

Как работает Chronoforms8 image 15

  • Страницы формы будут выполняться по порядку сверху вниз до последней страницы.
  • Это применимо только в том случае, если страницы имеют одну и ту же "Группу страниц" (Page Group). Если у второй страницы другая группа страниц, то она не будет запущена после отправки первой страницы.
  • Вместо этого она будет запущена при доступе к URL формы вместе с параметром второй страницы: form-url?chronopage=page2-alias

 

You may also like:

Comments:

You need to login to be able to post a comment.