Árvore de páginas

Atenção!

A solução TOTVS Fluig No-Code será descontinuada em 30/10/2024 e não estará mais disponível para acesso a partir dessa data.

Mais informações podem ser obtidas em Descontinuação TOTVS Fluig No-Code.

Dica!

Encontre os recursos existentes nos aplicativos TOTVS Fluig No-Code na nova solução que já está disponível: o TOTVS Collab.

Assim, você pode continuar usufruindo de todos os benefícios da gestão de projetos e tarefas, além de promover a colaboração no seu time!


Falando de componentes de campo... 


Aqui você encontra os componentes de campo disponíveis para construção de um formulário:


 Campo 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;
    • E-mail: utilizado para inclusão de e-mail.
    • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
    • Valor inicial: valor inicial para preenchimento do campo ex: Digite aqui seu CPF;
    • Dica: informação de ajuda para preenchimento do campo;
    • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo. Ex: Nome da rua;
    • Opções avançadas: nome único do campo para consulta de dados.

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.


 Numérico

Utilizado para coletar dados numéricos de acordo com a necessidade.

  • Título do campo: título do campo adicionado
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Valor inicial: valor inicial para preenchimento do campo ex: Digite aqui seu CPF
  • Dica: informação de ajuda para preenchimento do campo
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Digite seu RG
  • Opções avançadas: nome único do campo para consulta de dados.

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.


 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;

É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no ícone localizado a esquerda do campo, será possível movê-lo para onde desejar. Para incluir nova opção, acione ícone de mais. É possível ainda definir um valor para cada opção, ao flegar o item Adicionar valor a cada opção, onde poderá escolher qual valor será salvo e qual será exibido.

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


 Múltipla escolha

Utilizado para adicionar campo com múltipla escolha, ou seja, permite selecionar uma ou mais de uma opção.

  • Título do campo: título para o campo adicionado
  • Opções: número de opções para incluir no campo
    É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no ícone localizado a esquerda do campo, será possível movê-lo para onde desejar. Para incluir nova opção, acione ícone de mais. É possível ainda definir um valor para cada opção, ao flegar o item "Adicionar valor a cada opção", onde poderá escolher qual valor será salvo e qual será exibido.

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


 Lista

Utilizado para adicionar listas ao formulário.

  • Título do campo: Título para o campo adicionado
  • Opções: número de opções para incluir no campo
    É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no ícone localizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções. É possível ainda definir um valor para cada opção, ao flegar o item "Adicionar valor a cada opção", onde poderá escolher qual valor será salvo e qual será exibido.
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo. Ex. escolha uma estado
  • Opções avançadas: nome único do campo para consulta de dados.



 Lista suspensa

Utilizado para adicionar 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
    É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no ícone localizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções. É possível ainda definir um valor para cada opção, ao flegar o item "Adicionar valor a cada opção", onde poderá escolher qual valor será salvo e qual será exibido.
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo. Ex: selecione uma opção.
  • 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;
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • 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;

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.


 Texto Rico

Utilizado para inserção de textos que necessitam de destaque. Neste campo é possível definir a fonte, sua cor, seu tamanho, negrito, itálico, sublinhado, riscado e ativar o corretor ortográfico.

  • Título: título para o campo de texto adicionado
  • Obrigatório: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Dica: informação de ajuda para preenchimento do campo
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Escreva sobre você


 Avaliação

Utilizado para criar formulários contendo avaliação para que seja possível coletar dados de pesquisa de satisfação com 5 formatos de ícones disponíveis.

  • Título: título para o campo de avaliação adicionado.
  • Descrição do campo: informe uma descrição para o seu campo para auxiliar no preenchimento.
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Defina de 1 a 5 estrelas
  • Ícone: permite selecionar  o tipo de ícone que será adicionado para a avaliação. São 5 tipos de ícones disponíveis: Estrela, Seleção, Feliz, Triste e Coração.
  • Cor do preenchimento: permite selecionar a cor que o ícone terá quando preenchido.
  • Escala: permite selecionar a quantidade de ícones que serão mostrados na avaliação.
  • Marcadores: permite incluir textos para contextualizar os valores da avaliação.
  • Exibir numeração: permite enumerar os ícones, facilitando a identificação.
  • Expandir conteúdo: permite que o campo utilize todo o espaço disponível.
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *


 Data

Utilizado para definição de data no calendário.

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

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.


 Busca usuário

Utilizado quando se tem a necessidade de procurar usuários da suite de aplicativos dentro do formulário.

  • Título: título para o campo de busca adicionado
  • Filtro: filtra se a busca será feita por papel, grupo ou nenhum filtro será aplicado
  • Salvar: salva o e-mail, login ou nome completo do usuário buscado
  • Obrigatório?: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *
  • Dica: informação de ajuda para preenchimento do campo
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Digite o nome do usuário desejado
  • Opções avançadas: nome único do campo para consulta de dados.

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.


 Busca forms

Utilizado quando se tem necessidade de buscar registros de algum formulário já publicado.

  • Título: título para o campo de busca adicionado.
  • Formulário: utilizado para selecionar o formulário que vai ser usado como filtro. É possível pesquisar por um formulário ou então selecionar um através da pré-visualização dos formulários cadastrados.
  • Obrigatório: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *.
  • Dica: informação de ajuda para preenchimento do campo.
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Digite o nome do usuário desejado
  • Opções avançadas: nome único do campo para consulta de dados.


Anexo

Utilizado para quando se tem necessidade de anexar arquivos no formulário.

  • Título: título para o campo de busca adicionado.
  • Obrigatório: utilizado para definir se o campo é obrigatório ou não. O campo obrigatório ficará identificado por um asterisco *.
  • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo Ex: Digite o nome do usuário desejado
  • Cor do link: utilizado para alterar a cor do link.

Além dessas configurações, você pode configurar regras para validar o preenchimento desse campo no formulário. Para conhecer as regras, acesse o help Validação de regras.

Informação útil

Agora é possível adicionar o componente de anexo em um forms público.  A funcionalidade de upload de arquivos públicos sem necessidade de usuário logado, traz para você mais agilidade e flexibilidade no dia a dia.



Importante

Algumas validações podem ser utilizadas apenas uma vez em um campo, enquanto outras podem ser adicionadas mais de uma vez.

Os tipos de validações que podem ser utilizadas apenas uma única vez em um campo de formulário são:

  • Validação de tamanho mínimo;
  • Validar CNPJ;
  • Validar CPF;
  • Validar data do dia atual;
  • Validar e-mail;
  • Validação de valor único;
  • Valida máximo de items selecionados;
  • Validação de tamanho mínimo;
  • Validação de extensões aceitas em upload;
  • Tamanho máximo dos arquivos.

Os tipos de validações variam de acordo com o campo selecionado.

Vale lembrar

Só é possível inserir o número máximo de 100 campos em um formulário. Ao atingir o número limite de campos inseridos, uma mensagem será disparada na tela informando e solicitando ao usuário a exclusão de um ou mais campos,  para então inserir novos componentes.



  • Sem rótulos