Published on
In this tutorial we will show the main concepts in ChronoForms v8 in order to show you how the form builder works
Parte 1: Páginas do formulário e eventos da página

- O título do formulário será exibido no gerenciador de formulários.
- O alias do formulário é obrigatório. Será gerado automaticamente se estiver em branco e será usado para referenciar o formulário em menus, módulos e shortcodes de plugins em artigos (Joomla), posts ou páginas (WordPress).
- O formulário pode conter qualquer número de páginas.

- O evento Load da página do formulário é processado quando a página é carregada.
- O evento Submit da página do formulário é processado quando a página é enviada (geralmente por um botão de envio).
- Você pode arrastar Views ou Actions do painel lateral direito para os eventos Load e Submit da página do formulário.
Parte 2: View e Action do formulário

- As Views do formulário enviam saídas para o navegador: campos do formulário, código HTML, CSS, JavaScript, mensagens de confirmação, contêineres etc.

- As Actions do formulário estão na aba "Actions" do painel lateral direito.
- As Actions executam operações no servidor: envio de e-mail, execução de PHP, redirecionamento, leitura de banco de dados, pagamento etc.

- Views e Actions posicionadas sob eventos da página do formulário são processadas em ordem de cima para baixo.
Parte 3: Configurações de Views e Actions

- Cada View ou Action tem uma lista de "Behaviors" para personalizar a funcionalidade do item.

- Campos de formulário têm validações para verificar o valor do campo.

- O nome da Action é importante porque o valor retornado usa esse nome no array "Variables". Você pode alterá-lo clicando no rótulo azul.

- Views e Actions podem receber um rótulo de identificação no designer usando o campo "Designer Label" no comportamento "Wizard Settings".

- Algumas Actions têm eventos internos (ex: registro do banco de dados encontrado ou não) que podem ser ativados com "Run Events".
- Outras Views e Actions podem ser arrastadas para esses eventos internos e só serão processadas se o evento for ativado.

- O valor padrão dos campos pode ser definido com "Default Value".
- Shortcodes do Chronoforms podem ser usados em qualquer lugar no designer. Aqui usamos {var:action_name} para definir como valor padrão do campo de texto o valor retornado da action PHP acima.
Parte 4: Configurações do formulário

- As configurações ficam na aba "Settings" do editor do formulário.
- Ativando o "Form Debug" serão exibidas mensagens de depuração úteis abaixo do formulário.
Parte 5: Opções da página

- As páginas do formulário são executadas em ordem, de cima para baixo até a última.
- Isso só acontece se as páginas pertencerem ao mesmo "Page Group". Se a 2ª página tiver um grupo diferente, ela não será executada após o envio da 1ª.
- Ela será executada somente quando a URL for acessada com o parâmetro da 2ª página: form-url?chronopage=page2-alias
