Olá, como podemos ajudar?

Pesquisas recentes: Configurar sincronização com Google Calendar - Sincronização de calendário - Configurar sincronização com calendário Microsoft Office 365 - Editar definição de Home

Criar um formulário

Neste tópico, iremos mostrar como criar um formulário responsivo simples.

Como exemplo, criaremos um formulário para solicitação de viagem.

Para isso, basta seguir os passos abaixo:

 

1º passo: Criar tipo de tabela

O formulário precisa de uma tabela para poder armazenar seus registros. As tabelas no SoftExpert Formulário são classificadas por tipo para manter a organização.

Para criar um tipo de tabela, realize os seguintes passos:

1. Acesse o menu Tipo de tabela (FO010) e clique no botão da barra de ferramentas.

2.  Na tela que será aberta, informe o identificador "ADM" e o nome "Administration".

3. Feito isso, clique no botão .

Pronto, criamos um tipo de tabela com sucesso!

 

2º passo: Criar tabela e formulário

Agora que já criamos um tipo de tabela, podemos criar a tabela e o formulário.

Para isso, acesse o menu Formulário (FO005), clique na seta ao lado do botão e selecione a opção Formulário responsivo.

Na tela que for aberta, informe o identificador "TRF" e o nome "Travel request".

Em seguida, desabilite o botão Selecionar uma tabela existente.

Ao fazer isso, os campos Identificador e Nome da tabela serão mostrados com os mesmos valores preenchidos para o formulário.

No campo Tipo de tabela informe o tipo criado no passo Criar tipo de tabela.

  

Feito isso, clique no botão Salvar e fechar.

Pronto, criamos a tabela e o formulário com êxito!

 

3º passo: Criar campos no formulário

A tela do editor de formulário será aberta após salvar os dados.

Ao lado esquerdo desta tela, fica o painel de itens/componentes que podem ser utilizados no formulário.

Para este exemplo, arraste e solte um campo de texto para a área de modelagem.

Com isso, o sistema cria automaticamente um campo no formulário e na tabela.

O formulário responsivo também possui a funcionalidade de salvamento automático. Portanto, ao criar um campo o formulário é salvo automaticamente.

Em seguida, arraste outro campo de texto e posicione-o ao lado do primeiro campo.

Dê um duplo clique sobre o item para abrir o painel de propriedades ao lado direito.
Selecione os campos e altere os títulos para “First Name” e “Last Name".

Feito isso, arraste e solte um item de painel. Este item, auxilia na melhor organização das seções de um formulário.

Agora inclua alguns campos no painel.

Para isso, arraste e solte um grupo de opções para dentro do painel e clique no botão Configurar opções do painel de propriedades, à direita da tela.

Em seguida, adicione as opções "Return" e "One-way" e clique no botão Salvar e fechar.

 

Agora vamos alterar algumas opções de layout.

No painel de propriedades do grupo de opções, marque a opção para ocultar o título. E na opção Apresentação, altere a orientação para "Horizontal".

Na sequência, repita os passos anteriores e crie mais 4 campos conforme indicado:

  • Departure City: Campo do tipo texto
  • Arrival City: Campo do tipo texto
  • Departure Date: Campo do tipo data
  • Return Date: Campo do tipo data

Após isso, vamos melhorar o layout do nosso formulário adicionando um título personalizado.

Arraste um elemento de título para o início do formulário.

Depois acesse o painel de propriedades e faça as alterações conforme a imagem.

Em seguida, vamos pré-visualizar a execução clicando no botão Pré-visualizar.

Desta maneira, seu formulário foi criado com sucesso!


Este artigo foi útil?