Histórico da Página

...

Este documento visa orientar usuários na construção de novo formulários utilizando o Forms Beta. O novo editor de formulários está mais prático e dinâmico, agora basta arrastar os elementos para a tela e começar a construção do seu formulário.

Image Removedanexar nova imagem

...

04. Acima do quadro de elementos é possível definir um título para o formulário em Novo formulário escrito em rosa.

...

06. Os elementos de campo que estão disponíveis para a construção do formulário são:

• TextoCampo texto: permite adicionar campos de texto no formulário
  
  • Título do campo: título para o campo adicionado
  • Estilo do campo: estilo do campo adicionado a ser escolhido
    • Sem estilo: utilizado para manter o campo padrão
    • CPF: utilizado para inclusão de CPFs
    • CEP: utilizado para inclusão de CEPs
    • CNPJ: utilizado para inclusão de CNPJs
    • Data e Hora: utilizado para informar datas e horas
    • Porcentagem: utilizado para inclusão de valores com porcentagem
    • Telefone fixo: utilizado para inclusão de números telefônicos
    • Telefone celular: utilizado para inclusão de números móveis
    • Placa de carro: utilizado para inclusão dos dados da placa de carros
    • Moeda: utilizado para inclusão de valores em moedas
    • IP: utilizado para inclusão de IPs
  • Dica: informação de ajuda para preenchimento do campo
  • Valor inicial: valor inicial para preenchimento do campo ex: Digite aqui seu CPF
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: Nome da rua
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Opções avançadas: nome único do campo para consulta de dados.

...

• Escolha única: permite adicionar um campo com múltipla opções, permite a seleção de somente uma opção.
  
  • Título do campo: título para o campo adicionado
  • Opções: número de opções para incluir no campo
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: escolha uma opção
  • Obrigatório: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Opções avançadas: nome único do campo para consulta de dados.

• Seleção múltiplaMúltipla escolha: permite criar formulário com seleção múltipla tornando possível selecionar uma ou mais opções.

  Informações
  title Importante!
  Salientamos que os campos de Seleção Múltipla e Lista do Forms BETA, são salvos na tabela de forma diferenciada à antiga técnica de construção de formulários. Agora, ao incluir valores selecionados nesses campos, estes registros serão salvos na mesma coluna e na mesma linha do dataset. E cada valor ficará identificado por um pipe separador (|). Sendo assim, esse caracter é agora reservado para esta função.

  • Título do campo: título para o campo adicionado
  • Opções: número de opções para incluir no campo
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: escolha uma ou mais opções
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Opções avançadas: nome único do campo para consulta de dados.

...

• Avaliação: possível criar formulários utilizando avaliação para que seja possível coletar dados de pesquisa de satisfação no formato de estrelas.
  
  • Título do campo: título para o campo de avaliação adicionado
  • Valor da classificação: possível definir qual o valor máximo para a nota da avalição entre: 1 estrela a 5 estrelas
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: Defina de 1 a 5 estrelas
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Opções avançadas: nome único do campo para consulta de dados.

• Pesquisa:

• Busca usuário:

• Texto Rico:

07. Os elementos de layout que estão disponíveis para a construção do formulário são:

• Botão:

• Imagem: Utilizado para adicionar imagens do desktop ou da rede em formulários.
  
  • Carregar a imagem: carrega uma imagem diretamente do desktop do usuário
  • Aplicar: é possível carregar imagens externas copiando o link e colando no quadro URL e acionando o botão Aplicar
  • Alinhamento da imagem: possível definir o local da imagem entre:
    • Esquerda
    • Centro
    • Direita

• Múltiplos Registros:

• Divisor: possível criar formulários utilizando linhas horizontais a fim de criar divisões no formulário. O espaçamento de valor 10 vem por padrão da plataforma.
  
  • Espaçamento: possível definir o espaçamento do divisor entre:
    • valores negativos diminuem o espaço do divisor com o conteúdo acima.
    • valores positivos diminuem o espaço do divisor com o conteúdo abaixo
  • Estilo: possível definir o estilo do divisor entre:
    • Sólido
    • Tracejado
    • Pontilhado
  • Cor: possível definir a cor do divisor

...

• Abas: utilizado para agrupar abas dentro do formulário. É possível utilizar uma ou mais abas. Para incluir elementos na aba, basta selecionar a aba que deseja e arrastar os elementos para dentro da aba.

  • Abas: utilizado para dar título a aba.

    Painel
    Para incluir nova aba, basta selecionar Adicionar aba, localizado abaixo deste campo.

  • Cor da aba: utilizado para definir uma cor para o título das abas.
  • Cor da borda: utilizado para definir uma cor para a borda das abas.

• Título: utilizado para adicionar títulos dos formulários e para destacar as seções criadas. O título terá uma limitação de 70 caracteres.
  
• Título: título para o campo adicionado
• Tamanho do título: utilizado para definir o tamanho da fonte do título
• Posição do título: utilizado para definir a posição do título entre:
  • Esquerda
  • Centro
  • Direita
Cor do título: utilizado para definir a cor do título adicionadoCabeçalho:

• Texto: Utilizado para inclusão de textos no formulário
  
  • Descrição do texto: campo para inserir a descrição para o campo adicionado
  • Tamanho do texto: tamanho da fonte do texto. Pode ser definida entre:
    • Extra pequeno
    • Pequeno
    • Médio
    • Grande
    • Extra grande
  • Posição do texto: utilizado para definir a posição do texto entre:
    • Esquerda
    • Centro
    • Direita

...

• Conteúdo externo: utilizado para adicionar URLs externas ao formulário
  • URL: adicionar a URL de acesso no campo e acionar o botão Aplicar
  • Carregar: Adicionar uma imagem direto do desktop do usuário

• Incorporar:

Salvar um formulário

...

Para salvar o formulário siga os passos abaixo:

...

Guia de botões de forms

...

O guia de botões tem como objetivo mostrar ao usuário a ação que cada um dos novos botões representa na edição do formulário.

Image Added É apresentado sempre que um item for definido como obrigatório.

Image Added É apresentado sempre que o componente possuir configurações pendentes. Com isso, não será permitido salvar ou publicar seu formulário.

Image Added Permite pré-visualizar o formulário. Teremos uma visão final do formulário como um todo, não sendo permitido interagir, preencher ou salvar.

Image Added Permite redirecionar diretamente para a página de documentação, onde será possível consultar em mais detalhes como configurar o formulário corretamente.

Image Added Permite ao usuário alinhar os componentes ao topo. Quando selecionado, fica na cor verde e deixa os componentes todos alinhados. Basta selecionar novamente que ele ficará na cor cinza, permitindo ao usuário que realoque os componentes onde desejar. 

Image Added Permite a ação de Fazer e Desfazer. Podendo ser útil em diversas situações, como quando o usuário adiciona um componente e precisa removê-lo. Para isso, basta acionar o desfazer. 

Image Added Permite salvar o formulário como rascunho.

Image Added