Tutorial: Adicionar um formulário com vários passos à sua página
Os formulários com vários passos são uma forma poderosa de recolher entradas dos utilizadores ao longo de vários passos. As informações obtidas são armazenadas ou atualizadas no Microsoft Dataverse. Eis as caraterísticas disponíveis no formulário com vários passos comparativamente a formulários normais:
- Permite que o processo de recolha de dados ou atualização seja dividido em vários passos.
- Fornece condições que alteram dinamicamente o fluxo dos passos com base em entradas do utilizador.
- O controlo de sessão permite que um utilizador retome de onde deixou quando segue um processo de atualização de dados.
Assista a este vídeo (sem áudio) para ver um exemplo de um formulário com vários passos numa página:
Neste tutorial, irá aprender a:
- Criar tabelas, vistas e formulários do Dataverse a utilizar no seu formulário com vários passos
- Adicionar um formulário com vários passos a uma página Web
- Configurar permissões de tabela para formulários com vários
- Adicionar uma condição e passo de redirecionamento a um formulário com vários passos
Pré-requisitos
- Uma subscrição ou versão de avaliação do Power Pages. Obter uma avaliação do Power Pages aqui.
- Um site do Power Pages criado. Criar um site do Power Pages.
- Conclua o tutorial Adicionar e estruturar uma página.
- Conclua o tutorial Apresentar dados em segurança em páginas.
- Conclua o tutorial Adicionar um formulário a uma página.
Nota
Quando criar um formulário com vários, é importante planear primeiro os passos. Isto facilitará o processo de configuração. Estabeleça os passos individuais e quaisquer ramos condicionais ao processo com vários passos.
Criar um formulário com vários passos
Nos passos abaixo, criaremos um formulário com vários passos; este exemplo segue um processo simples para se candidatar a uma bolsa escolar, mas pode aplicar os conceitos a outros processos empresariais.
Segue-se uma descrição dos passos de amostra:
| Passo | Description |
|---|---|
| 5 | Selecione a bolsa de estudo à qual candidatar e introduza o nome do candidato. |
| 2 | Preencha os detalhes sobre o candidato. |
| 3 | Reúna mais alguns detalhes. Posteriormente no tutorial, iremos tornar este passo condicional com base nas informações do passo 2. |
| 4 | Obtenha o consentimento de terminar sessão do utilizador. |
Criar tabelas e formulários do Dataverse a utilizar no formulário com vários passos
O vídeo que se segue mostra como criar formulários a utilizar no processo de formulário com vários passos.
Precisaremos de armazenar as informações do nosso processo em tabelas do Microsoft Dataverse.
Para cada passo do processo que requeira que um utilizador crie ou atualize colunas num registo do Dataverse, precisará de ter um formulário do Dataverse correspondente.
No nosso exemplo, criaremos uma tabela do Dataverse denominada Candidaturas para o nosso processo. Para mais informações sobre como criar tabelas do Dataverse, consulte Como criar e modificar tabelas do Dataverse utilizando a área de trabalho Dados
Aceder a Power Pages.
Selecione um site onde pretende adicionar um formulário com vários passos e selecione Editar.
No estúdio de design, selecione a área de trabalho Dados.
Crie uma tabela do Dataverse chamada Candidaturas com as seguintes propriedades:
Gorjeta
- A tabela seguinte é apenas um exemplo, pode criar tabelas para corresponderem aos seus próprios processos de negócio.
Nome da coluna Tipo de dados de coluna Nome do candidato Texto (mudar o nome da coluna nome) Bolsa de estudo Escolha (escolhas de exemplo: Bolsa de estudo de Arquitetura Americana, Bolsa de estudo de Línguas Estrangeiras, Bolsa de estudo de Mulheres em STEM, Bolsa de estudo de Futuros Líderes de Design) Nível da classe Escolha (escolhas: Júnior, Sénior) Consentimento Sim/Não Propinas Moeda Tipo de Grau Académico Escolha (escolhas: Mestradom Licenciatura) Tempo inteiro Sim/Não Principal Texto Outras Bolsas de estudo Várias linhas de texto 
Depois de criar as tabelas, terá de criar formulários para cada passo do processo.
Gorjeta
- Consulte Como criar e modificar formulários do Dataverse utilizando a área de trabalho Dados sobre como criar formulários do Dataverse.
- Uma boa prática é nomear os formulários de forma a corresponderem a cada passo do processo com vários passos.
- Para apresentar colunas no formulário, mas não permitir que os utilizadores atualizem, configure as colunas como só de leitura quando criar os formulários.
Crie os seguintes quatro formulários e ordene as colunas no formulário. À medida que cada formulário é criado, selecione Publicar formulário.
Nome do formulário Colunas no formulário Passo 1 da Candidatura Bolsa de estudo, Nome do candidato Passo 2 da Candidatura Bolsa de estudo (só de leitura), Nome do candidato (só de leitura), Tipo de Grau Académico, Principal, Tempo Inteiro, Nível de Classe, Variante Passo 3 da Candidatura Bolsa de estudo (só de leitura), Nome do candidato (só de leitura), Propinas, Outras Bolsas de estudo Passo 4 da Candidatura Bolsa de estudo (só de leitura), Nome do candidato (só de leitura), Consentimento 
Deverá agora ter uma série de formulários para utilizar no seu processo com vários passos.
Adicionar um componente de formulário com vários passos a uma página
Agora que temos a nossa tabela e formulários, podemos criar um formulário com vários passos numa página Web.
Este vídeo mostra como criar um formulário com vários passos numa página.
Aceda à área de trabalho Páginas e adicione uma nova página ou edite uma página existente. Para mais informações sobre a criação de páginas Web, consulte Criar e estruturar páginas.
Adicione uma nova secção e selecione o componente de Formulário com vários passos.
Se existirem outros formulários com vários passos no site, ser-lhe-á dada a opção de os adicionar à sua página. No nosso exemplo, criaremos um novo formulário com vários passos para o nosso tutorial. Selecione + Novo passo com vários passos a partir do diálogo.
Verá a janela Adicionar um formulário com vários passos. Introduza Candidatura (ou outro nome) para o Nome do formulário. Selecione OK.
Não existirão passos no formulário. Selecione + Adicionar o primeiro passo para adicionar o primeiro passo.
Na janela Adicionar passo, introduza os seguintes valores na configuração:
- No campo Nome do passo, introduza Passo 1 da Candidatura.
- No campo Escolher uma tabela, selecione Candidatura (ou o nome da tabela).
- No campo Selecionar um formulário, selecione Passo 1 da Candidatura.
Escolha o separador lateral Mais opções e note que a opção Dados deste formulário está definida automaticamente como Criar um novo registo. No nosso exemplo para o primeiro passo, criaremos um novo registo na tabela do Dataverse. Note que nos passos subsequentes modificaremos o registo criado no primeiro passo e que esta opção será diferente.
Selecione OK.
Começaremos a adicionar mais passos. No menu, selecione + Adicionar passo.
Na janela Adicionar passo, introduza os seguintes valores para o segundo passo:
- No campo Nome do passo, introduza Passo 2 da Candidatura.
- No campo Escolher uma tabela, a tabela Candidatura (ou o nome da tabela) já deverá estar selecionada.
- No campo Selecionar um formulário, selecione Passo 2 da Candidatura.
Escolha o separador lateral Mais opções e note que a opção Dados deste formulário está definida automaticamente como Atualizar um registo existente. No nosso exemplo, para o segundo passo, continuaremos a adicionar detalhes ao registo do Dataverse criado no primeiro passo.
Nota
Dependendo dos seus processos exclusivos, poderá estar a criar ou a atualizar registos do Dataverse diferentes em diferentes passos no processo.
Selecione OK
Continue a adicionar os dois passos restantes como passos de atualização, Passo 3 da Candidatura e Passo 4 da Candidatura seguindo as instruções acima.
Editar propriedades do campo
Pode modificar algumas das propriedades de campo no formulário com vários passos no estúdio de design. Vamos tornar um campo obrigatório, atualizar a etiqueta e adicionar uma descrição.
Selecione um campo no componente do formulário com vários passos na página.
Selecione Editar campo.
Na janela Editar campo, altere a Etiqueta de campo para outro valor. Selecione Tornar este campo obrigatório e selecione Mostrar uma descrição. Introduza algumas instruções no campo Descrição.
Selecione OK.
Adicionar permissão de tabela
Por predefinição, os visitantes do site não conseguirão aceder ao formulário com vários passos. No nosso exemplo, só queríamos permitir que utilizadores autenticados preencham o formulário com vários passos. Pode utilizar uma combinação de funções da Web e permissões de tabela para configurar as ações criar, ler e atualizar para o seu próprio processo com vários passos.
Este vídeo mostra como configurar as permissões de tabela para formulários com vários passos.
Para novos formulários, aparecerá um faixa a pedir-lhe que adicione permissões.
Se já tiver configurado as permissões para a tabela utilizada no formulário com vários passos, pode selecionar as reticências (...) e escolher Permissões.
Selecione + Nova permissão.
Por predefinição, a permissão de tabela fornece um nome, a tabela selecionada e o Tipo de acesso definido como Acesso global. As permissões Ler e Criar serão selecionadas para que os visitantes do site possam utilizar o formulário.
Selecione + Adicionar funções e selecione Utilizadores Autenticados como a função predefinida.
Selecione Guardar.
Testar o formulário com vários passos
Pode experimentar o formulário com vários passos neste momento.
Selecione Pré-visualizar, seguido por Ambiente de trabalho.
Quando a home page aparecer, selecione uma Iniciar sessão e inicie sessão com um utilizador do site. Consulte Fornecer acesso a audiências externas para obter mais informações.
Selecione a página onde colocou o componente de formulário com vários passos.
Experimente o processo como utilizador e efetue os passos.
Se encontrar problemas, reveja a configuração no estúdio de design e reveja cada passo.
Depois de ter submetido com êxito o formulário, regresse ao estúdio de design.
Selecione Dados e, em seguida, selecione a tabela Candidatura (ou o que chamou à tabela) e confirme que pode ver que os registos foram criados utilizando o processo de formulário com vários passos.
Adicionar um passo condicional ao seu formulário com vários passos
Se precisar de adicionar lógica condicional ao formulário com vários passos, precisa primeiro de identificar a condição vendo o nome lógico da coluna do Dataverse e a avaliação que pretende efetuar. O nome lógico de uma coluna pode ser encontrado vendo a configuração de colunas na área de trabalho Dados.
No nosso exemplo abaixo, iremos verificar se um candidato está a tirar um Mestrado. Se um utilizador estiver a curso avançado, será direcionado para passos adicionais. Outros candidatos irão saltar esse passo. Pode adicionar uma condição com base nos seus próprios processos de negócio.
Avaliaremos se o campo Tipo de Grau Académico tem um valor de Licenciatura ou Mestrado, representado pelo nome lógico do campo craxx_degreetype e os valores escolhidos (Mestrado = "124860001").
Os passos condicionais são configurados na Aplicação Gestão do Portal.
No estúdio de design, no formulário com vários passos, selecione a lista pendente que enumera todos os passos do formulário com vários passos e escolha a ligação de Aplicação Gestão do Portal.
Deverá estar na aplicação Gestão do Portal no registo de metadados do formulário com vários passos. Selecione o separador Passos do Formulário.
Selecione + Novo Passo de Formulário.
Dê um nome ao passo (por exemplo, Verificar tipo de grau académico).
Especifique as configurações.
- Defina o Tipo como Condição.
- Selecione a tabela Candidatura no menu pendente Nome da Tabela de Destino.
Selecione o separador Condição e introduza a condição utilizando o nome lógico da coluna e um valor. No nosso exemplo, seria algo semelhante a
craxx_degreetype == 124860001(Precisa de especificar o seu nome lógico e o valor do seu próprio ambiente.)
Precisamos de configurar o processo para aceder a um passo se a condição não for cumprida. Selecione Passo 4 da Candidatura no campo Passo Seguinte Se a Condição Falhar.
Precisamos agora de configurar o processo para aceder a um passo específico se a condição for cumprida. Selecione o separador Geral.
No campo Passo Seguinte, selecione Passo 3 da Candidatura.
Selecione Guardar e Fechar
Deverá agora ver o seu passo condicional na lista de passos. Temos de nos certificar de que o nosso utilizador atingirá o passo condicional depois de concluir o segundo passo. Selecione o Passo 2 da Candidatura e selecione Editar.
No campo Passo Seguinte, altere o valor de Passo 3 da Candidatura para Verificar tipo de grau.
Selecione o separador Definição do Formulário e, no campo Tipo de Origem, selecione Resultado do Passo Anterior e, no campo Passo de Origem da Entidade, selecione Passo 1 da Candidatura.
Selecione Guardar e Fechar.
Adicionar um passo de redirecionamento ao seu formulário com vários passos
Iremos também adicionar um passo de redirecionamento ao final do processo para navegar o utilizador de volta para a home page.
Selecione + Novo Passo de Formulário e preencha a configuração que se segue.
- Defina o Nome como Aceder à home page*
- Defina o Tipo como Redirecionamento
Selecione o separador Redirecionamento.
No campo ou Página Web, selecione a página Home.
Selecione Guardar e Fechar.
Deverá agora ver o seu passo de redirecionamento na lista de passos. Temos de nos certificar de que o nosso utilizador atingirá o passo de redirecionamento depois de concluir o último passo no processo. Selecione o Passo 4 da Candidatura e selecione Editar.
No campo Passo Seguinte, selecione Aceder à home page.
Selecione o separador Definição do Formulário e, no campo Tipo de Origem, selecione Resultado do Passo Anterior e, no campo Passo de Origem da Entidade, selecione Passo 2 da Candidatura.
Gorjeta
Escolha um passo anterior no processo (Passo 2 da Candidatura), uma vez que os utilizadores chegarão a este passo a partir do segundo ou do terceiro passo, dependendo da condição, pretendemos escolher um passo comum com o qual todos os utilizadores irão interagir.
Selecione Guardar e Fechar.
Regresse ao estúdio de design e selecione o botão Sincronizar.
Deverá ter um formulário completo com vários passos, condições e um redirecionamento.
Selecione Pré-visualizar, seguido por Ambiente de trabalho.
Quando a home page aparecer, selecione uma Iniciar sessão e inicie sessão com um utilizador do site.
Selecione a página onde colocou o componente de formulário com vários passos.
Experimente várias combinações do processo para ver como o formulário com vários passos funciona.