Ir para o final dos metadados
Ir para o início dos metadados

Falando de Forms Beta...

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.



Fique atento!

Formulários criados em Forms beta não são permitidos para importação/exportação e ou utilização em processos, como também não possuem nenhum vínculo com comunidades.



Construindo um formulário


Siga os passos abaixo para a construir um formulário.

01. Acessar o menu Documentos no menu lateral da plataforma e acessar a pasta onde deseja criar o formulário. 

02. Acionar o botão Novo e logo depois Formulário. Uma mensagem será apresentada para confirmar a ação, acionar Sim, eu quero para utilizar o novo editor de formulários ou Enviar HTML para utilizar a antiga técnica da construção de formulário.

03. Uma nova guia sera aberta apresentando a tela do novo editor. Para começar a construção do formulário, é necessário arrastar e soltar (drag and drop) os elementos para a tela.

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

O título tem a limitação de 70 caracteres.

Abaixo do título está o quadro com os elementos de campo e layout disponíveis para a construção do formulário.

05. Arrastar e soltar os elementos na área que desejar. Uma área pontilhada é exibida para definir o espaço do campo adicionado. O usuário poderá definir a localização do campo conforme a necessidade. Ao adicionar um campo é possível editá-lo ou excluí-lo.

  • Para abrir a edição um campo acionar o ícone representado por um lápis no canto direito do campo.
  • Para excluir um campo adicionado, acionar o ícone representado por uma lixeira no canto direito do campo.

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


  • 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.


  • Parágrafo: permite inserir parágrafos na construção do formulário para visualizar informações extensas.
    • Título do campo: título para o campo adicionado
    • Dica: informação de ajuda para preenchimento do campo
    • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: detalhe sua experiência
    • 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últipla: permite criar formulário com seleção múltipla tornando possível selecionar uma ou mais opções.

    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.


  • Lista: permite adicionar listas ao formulário

    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.
    • 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.


  • Lista suspensa: permite acionar listas onde as opções podem ser selecionadas.
    • 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.
    • 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.


  • Numérico: possível coletar dados numéricos de acordo com a necessidade.
    • Título do campo: título do campo adicionado
    • 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: Digite seu RG
    • 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.


  • Data: possível utilizar calendário para definição de datas no calendário.
    • Título do campo: título para o campo adicionado
    • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo ex: Escolha uma data
    • 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.



07. Os elementos de layout que estão disponíveis para a construção do formulário sã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


  • 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


  • Seção: utilizado para agrupar elementos relacionados dentro do formulário. Para incluir elementos na seção, basta escolher e arrastar os elementos desejados para dentro da seção.

    • Título da seção: título para a seção adicionada
    • Cor fundo do título: utilizado para definir a cor do texto do título da seção.
    • Cor da borda: utilizado para definir a cor da borda da seção adicionada.


  • 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.

      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 adicionado


  • 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



Salvar um formulário


Para salvar o formulário siga os passos abaixo:

01. Acionar o botão Salvar ao lado direito da tela do editor. 

02. Ao salvar o formulário, uma mensagem confirmando a ação será apresentada informando que o formulário foi salvo com sucesso. A tela do editor continuará aberta. O formulário salvo poderá ser acessado via navegação de documentos, na pasta onde foi criado e ficará destacado com um ícone alaranjado indicando que o formulário está salvo, porém ainda não publicado.

03. O formulário poderá ser publicado depois de ser salvo no botão Publicar.



Publicar um formulário


 Siga os passos abaixo para publicar um formulário.

01. É necessário navegar até a pasta onde ele foi criado. O formulário estará destacado por um ícone alaranjado indicando que o mesmo ainda está em edição.

02. Acionar Mais opções localizado ao lado direito do nome do formulário. Logo depois acionar Editar formulário

Uma mensagem para confirmar a ação será apresentada acionar Sim, eu quero e o formulário será aberto para edição ficando disponível para publicação.

03. O formulário salvo será aberto na tela do editor, acionar Publicar, uma mensagem confirmando a ação será apresentada. Acionar Confirmar para publicar o formulário. A tela de edição será fechada e o formulário ficará identificado por um ícone cinza indicando que o formulário está publicado.

Os registros de formulário poderão ser inseridos após o formulário ser publicado. Mais detalhes acesse a documentação Registro de Formulário.

Atenção

As novas API's do fluig poderão ser utilizada apenas nos formulários criados a partir do Foms Beta - novo editor de formulário fluig.

Importante!

Não é possível preencher dados no mobile, em formulários criados no Forms Beta.

Através do Fluig app, é possível apenas preencher informações de formulários vinculados a um processo, porém o Forms beta ainda não possui esse vinculo, tornando impossível editar registros no aplicativo mobile. 



Fique atento!

Esta documentação é válida a partir da atualização 1.6.4 - Waterdrop. Se você utiliza uma atualização anterior, ela pode conter informações diferentes das quais você vê na sua plataforma.

  • Sem rótulos