Tutorial: Formulário Multi-Etapas

Neste tutorial veremos  como criar um formulário multi-etapas, deixando o formulário mais agradável, intuitivo e menos cansativo em seu preenchimento.

 

Criando o Formulário de Clientes

1 – Crie uma nova aplicação de formulário do tipo único registro baseada na tabela customers,  então devemos marcar a opção “Criar aplicação como um formulário em etapas“ e utilizaremos 4 etapas.

2 – Uma vez que criamos a aplicação, as etapas são criadas e gerenciadas dentro do menu da aplicação “Layout>>Páginas”.

3 – A propriedade “Layout das páginas” já vai estar com o valor “Etapas” selecionado, agora basta editarmos título, descrição e adicionar um ícone FontAwesome para cada uma das etapas: 

4 – Na guia de “Configuração das etapas”, utilizaremos conforme a imagem abaixo.

5 – Selecione um dos modelos de exibição das etapas. 

6 – Acesse agora o menu de configuração de blocos para adicionar novos blocos e colunas. 

7 – Acesse o menu “Posicionamento dos campos” e reorganize os campos nos blocos.

8 – Para finalizar Execute a aplicação.

Tutoriais na mesma categoria

Campo Avaliação

Neste tutorial, será criado um Formulário utilizando os campos de avaliações. Criando o Form...

Nova opção de Marca d’água

Nova opção para exibir a marca d'água do campo de data dentro do input, disponível para Formul...

Gerenciamento de Arquivos na Nuvem

Alguns dos serviços de armazenamento de dados estão prontos para ler e armazenar com segurança ...

Formulário com label fixo

Esta opção pode ser selecionada nas formas do tipo Registro Múltiplo , Grid Editável e Visuali...

Comente este post