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

Falando de Forms Beta...

Este guia 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, 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.


Elementos de campo


Confira abaixo os elementos de campo disponíveis para construção do formulário:

Texto: utilizado para 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: utilizado para 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: utilizado para adicionar campo com múltipla opções, porém 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: utilizado para adicionar campo com múltipla escolha, ou seja, permite selecionar uma ou mais de uma opção.

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: utilizado para 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: utilizado para acionar listas onde as opções podem ser expandidas e 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: utilizado para 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: utilizado para definição de data 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: utilizado para criar formulários contendo 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.


Elementos de layout


Confira abaixo os elementos de layout disponíveis para construção do formulário:

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: utilizado para criar divisões entre os campos adicionados ao 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: campo destinado para definição do título da 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 aos formulários e para destacar as seções criadas.

O título tem 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