Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.



Aviso
titleAtenção!

Os aplicativos Beta foram descontinuados e o suporte padrão e oficial da TOTVS será mantido apenas até Junho de 2023.

Depois desse período, clientes que ativaram e estão usando os aplicativos continuarão tendo acesso a eles, porém, sem direito ao suporte.

Dica
titleDica!

Encontre os recursos existentes nos antigos aplicativos Beta 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!


Índice

Índice
outlinetrue
exclude.*ndice
stylenone


Falando de forms beta...

Esse recurso possibilita a construção de Forms ricos que poderão ser publicados para acesso tanto interno dos usuários cadastrados, como usuários fora da plataforma, bastando marcar o formulário como público.

A central de desenvolvimento de formulários (Forms) conta com recursos que visam a praticidade pois pode-se editar e excluir os forms ainda em edição. Para os forms já publicados pode-se ver os registros já criados ou adicionar um novo registro, compartilhar a URL do formulário tanto publicamente ou entre usuários internos, editar e excluir.

O recurso de Soluções abrigará todos os forms criados que estarão unificados na Central de desenvolvimento de formulários (Forms) permitindo o gerenciamento prático dos forms e seus registros.

Informações

Somente formulários criados à partir da release Liquid 1.6.5 integrarão a Central de desenvolvimento de formulários (Forms). Formulários criados na release Waterdrop 1.6.4 serão mantidos na navegação de documentos da plataforma.

Image Added


Nota
titleAtenção

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.

Informações
titleFique atento

As colunas do widget à partir do recurso Ver registros dentro da central de Forms (Forms) são dinâmicas, ou seja, mudam conforme o formulário escolhido pois os campos que o compõe são diferentes.



Construir um formulário

...

Siga os passos abaixo para construir um formulário.

01. Acesse o item Soluções no menu principal e acione Forms.

02. Uma nova guia será aberta com a listagem dos forms já publicados.

Painel

Essa tela é chamada de Forms

03. Acione Novo Forms e a tela do editor de formulários será apresentada.

04. Acima do quadro de componentes é possível definir um título para o formulário em Título do formulário escrito em verde.

Painel

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

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

05. Arraste e solte (drag and drop) o componente escolhido na área que desejar. Uma área pontilhada será exibida para definir a localização e o espaço do campo adicionado. O usuário pode definir a localização do campo conforme a necessidade, ou poderá alinhar os campos ao topo, através do ícone Image Added apresentado em verde no rodapé do editor. Ao selecioná-lo, todos os componentes ficarão alinhados ao topo do formulário. 

Ao adicionar um campo é possível editá-lo ou excluí-lo, basta posicionar o mouse sobre o componente para realizar as ações abaixo.

  • Para abrir a edição do campo, acione o ícone representado por Image Addedno canto direito do campo.
  • Para excluir um campo adicionado, acione o ícone representado porImage Addedno canto direito do campo.


Componentes de campo

...

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

Campo texto: utilizado para adicionar campos de texto no formulário.

Aba Gerais:

    • 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;
    • Obrigatório?: utilizado para definir se o

Índice

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 da plataforma que está mais prático e dinâmico, basta arrastar os componentes (drag and drop) para a tela e dar início a construção do seu formulário.

(IMAGEM TEMPORÁRIA)

Image Removed

Nota
titleAtenção

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 item Apps no menu principal da plataforma e acessar Forms logo em seguida.

02. Acionar Sim, eu quero para abrir a tela de criação do formulário.

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

Painel

Ao arrastar os componentes, uma área pontilhada será apresentada para definir a localização e o espaço do campo adicionado.

04. Acima do quadro de componentes é possível definir um título para o formulário em Título do formulário escrito em verde.

Painel

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

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

05. Arrastar e soltar o componente na área que desejar e uma área pontilhada será exibida para definir a localização e o espaço do campo adicionado. O usuário poderá definir a localização do campo conforme a necessidade. Ou poderá alinhar os campos ao topo, através do ícone Image Removed apresentado em verde no rodapé do editor, assim todos os componentes adicionados ficarão alinhados no topo do formulário 

Ao adicionar um campo é possível editá-lo ou excluí-lo.

  • Para abrir a edição um campo acionar o ícone representado pelo ícone Image Removedno canto direito do campo.
  • Para excluir um campo adicionado, acionar o ícone representado pelo íconeImage Removedno canto direito do campo.

Componentes de campo

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

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

...

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

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

Informações
titleImportante!

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 caractere é agora reservado para esta função.

...

    • .

        Aba Adicionais: Acesse o item Adicionais.



Numérico: utilizado para coletar dados numéricos de acordo com a necessidade.

Aba Gerais:

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

       Aba Adicionais: Acesse o item Adicionais.


Escolha única: utilizado para adicionar campo com múltipla opções, porém permite a seleção de somente uma opção.

Aba Gerais:

    • Título do campo: título para o campo adicionado;
    • Opções: número de opções para incluir no campo;
    Painel

    É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no íconeImage Addedlocalizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções.

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

        Aba Adicionais: Acesse o item Adicionais.


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

Aba Gerais:

    • Título do campo: título para o campo adicionado
    • Opções: número de opções para incluir no campo

    Painel

    É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no íconeImage Addedlocalizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções.

    • Texto de ajuda: 

Lista: permite adicionar listas ao formulário

Informações
titleImportante!

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

Painel

Os campos de Múltipla escolha do Forms BETA, são salvos na tabela de forma diferenciada à antiga técnica de construção de formulários. Ao incluir valores selecionados nesses campos, os registros serão salvos na mesma coluna e linha do dataset. Cada valor ficará identificado por um pipe separador (|). Dessa forma, o caractere é reservado somente para esta função.

Aba Adicionais: Acesse o item Adicionais.



Lista: utilizado para adicionar listas ao formulário.

Aba Gerais:

    • Título do campo: Título para o campo adicionado
    • Opções: número de opções para incluir no campo
Painel

É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no íconeImage Addedlocalizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções.

    • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo. Ex. escolha uma estado
    • Obrigató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  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: utilizado quando se tem a necessidade de procurar usuários do fluig dentro do formulário.

Painel

Os campos de Múltipla escolha do Forms BETA, são salvos na tabela de forma diferenciada à antiga técnica de construção de formulários. Ao incluir valores selecionados nesses campos, os registros serão salvos na mesma coluna e linha do dataset. Cada valor ficará identificado por um pipe separador (|). Dessa forma, o caractere é reservado somente para esta função.

Aba Adicionais: Acesse o item Adicionais.



Lista suspensa: utilizado para adicionar listas onde as opções podem ser expandidas e selecionadas.

Aba Gerais:

    • Título do campo: título para o campo adicionado
    • Opções: número de opções para incluir no campo
Painel

É possível alterar a ordem das opções de escolha única, utilizando drag and drop. Ao clicar no íconeImage Addedlocalizado a esquerda do campo, será possível movê-lo para o início, meio ou fim das opções.

    • Texto de ajuda: utilizado para auxiliar no momento de preenchimento do campo. Ex: selecione uma opção
    • Obrigatório?: utilizado
    • 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 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
    • Opções avançadas: nome único do campo para consulta de dados.

Aba Adicionais: Acesse o item Adicionais.


Parágrafo: utilizado para

...

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: Digite seu RG

Componentes de layout

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

Botão: utilizado quando se tem a necessidade de ter outras ações no formulário além das ações padrão da plataforma que são o Salvar e Fechar.

    • Título: título para o botão adicionado
    • Tipo de botão: pode-se escolher entre três tipos de botão, sendo eles:
      • Salvar e continuar;
      • Salvar e fechar;
      • Cancelar;
    • Cor da label: possível definir uma cor para a label do botão
    • Cor de fundo: possível definir uma cor para o fundo do botão

Imagem: Utilizado para adicionar imagens do desktop ou da rede em formulários.

O ícone Image Removed é apresentando sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.

    • 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: utilizado quando se tem a necessidade de agrupar componentes com assunto em comum para que sejam apresentados de forma unificada.

    • Título: título para o campo adicionado
    • Cor do título: possível definir uma cor para o título do campo
    • Cor fundo do título: possível definir uma cor para o fundo do título
    • Botão adicionar?: (Documentar)
    • Botão excluir?: (Documentar)
    • Alinhar ao topo: possível alinhar o componente ao topo do formulário

...

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: campo destinado para definição do título da 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.

Cabeçalho: utilizado para compor o cabeçalho de um formulário

    • Título: possível definir um título para o cabeçalho no formulário
    • Tamanho do título: possível definir um tamanho para o título em três formas:
      • Grande
      • Médio
      • Pequeno
    • Posição do título: possível definir a posição do título do cabeçalho em três formas:
      • Esquerda
      • Centro
      • Direita
    • Cor do título: possível definir uma cor para o título do cabeç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.

Painel

Image Removed É apresentado sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.

    • 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: utilizado para incorporar as informações (registro de formulário) dentro do formulário que está sendo criado.

Painel

Image Removed É apresentado sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.

Nota
titleImportante

Este campo é de preenchimento obrigatório, visto que é possível incorporar um formulário dentro de outro somente, se o formulário em à ser incorporado for selecionado na listagem.

    • Selecione um formulário para incorporar: lista os formulários que existem na plataforma para incorporar ao formulário que está sendo criado.

Pré-visualizar um formulário

Ao acionar este itemImage Removed, permite a pré-visualização do formulário criado para que o usuário consiga visualizar como ficará o formulário no momento do seu preenchimento (registro de formulário). Porém não é possível editar ou interagir com o formulário visto que o mesmo ainda precisa ser salvo e publicado para posteriormente ser preenchido.

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 e a tela do editor continuará aberta. O formulário salvo poderá ser acessado via Central de soluções no menu principal na plataforma e estará identificado na listagem dos Últimos editados e também na listagem de Em edição.

03. O formulário poderá ser editado para posteriormente ser publicado ou também poderá ser removido da Central de soluções acionando o botão identificado por uma lixeira.

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

Painel

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.

Nota
titleAtençã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.

Nota
titleImportante!

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. 

Validações de regras ~Alterar

Esta tabela detalha as validações para cada tipo de campo do Forms beta.

...

inserir parágrafos na construção do formulário para visualizar informações extensas.

Aba Gerais:

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

Aba Adicionais: Acesse o item Adicionais.


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.

Aba Gerais:

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

Aba Adicionais: Acesse o item Adicionais.


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.

Aba Gerais:

    • 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 avaliaçã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.

Aba Adicionais: Acesse o item Adicionais.


Data: utilizado para definição de data no calendário.

Aba Gerais:

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

Aba Adicionais: Acesse o item Adicionais.


Busca dataset: utilizado quando se tem a necessidade de buscar dados fora do formulário. Para isso é necessário configurar um serviço e depois configurar o dataset com a operação disponível.

Aba Gerais:

Informações
titleImportante

Ao definir o form como público, não deve conter componentes de busca, uma vez que uma validação é aplicada e verifica a situação. Não permitindo salvar ou publicar o form como público.

    • Título: título para o campo de pesquisa adicionado.
    • Dataset: selecionar o dataset configurado para o campo.
    • Coluna: selecionar a coluna do dataset para trazer os valores desejados.
    • Pré-visualização: pré visualizar os valores que o dataset irá trazer.
    • 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: Selecione o valor desejado

Opções avançadas:

      • Preencher automaticamente: ao selecioná-lo é possível preencher um campo automaticamente à partir do dataset escolhido para o campo pesquisa.
      • Filtrar resultado?: ao acioná-lo será necessário selecionar um campo texto para que seja usado como filtro para o campo pesquisa. Desse modo, ao selecionar o valor que o dataset trazer será apresentado no campo escolhido como filtro.

Aba Adicionais: Acesse o item Adicionais.


Busca usuário: utilizado quando se tem a necessidade de procurar usuários do TOTVS Fluig Plataforma dentro do formulário.

Aba Gerais:

Informações
titleImportante

Ao definir o form como público, não se deve ter componentes de busca, uma vez que uma validação é aplicada e verifica a situação. Não permitindo salvar ou publicar o form como público.

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

Aba Adicionais: Acesse o item Adicionais.


Componentes de layout

...

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


Botão: utilizado quando se tem a necessidade de ter outras ações no formulário além das ações padrão da plataforma que são o Salvar e Fechar.

    • Título: título para o botão adicionado
    Tipo de botão: pode-se escolher entre três tipos de botão, sendo eles:
      • Salvar e continuar;
      • Salvar e fechar;
      • Cancelar;
    • Cor da label: possível definir uma cor para a label do botão
    • Cor de fundo: possível definir uma cor para o fundo do 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

O ícone Image Added é apresentando sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.


Divisor: utilizado para criar divisões entre os campos adicionados ao formulário.

    • 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 componentes relacionados dentro do formulário. Para incluir componentes na seção, basta escolher e arrastar o componente desejado 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 adicionar abas dentro do formulário. É possível utilizar uma ou mais abas. Para incluir componentes na aba, basta selecionar a aba que deseja e arrastar o componente para dentro da aba.

    • Abas: campo destinado para definição do título da 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 compor o cabeçalho de um formulário

    • Título: possível definir um título para o cabeçalho no formulário
    • Tamanho do título: possível definir um tamanho para o título em três formas:
      • Grande
      • Médio
      • Pequeno
    • Posição do título: possível definir a posição do título do cabeçalho em três formas:
      • Esquerda
      • Centro
      • Direita
    • Cor do título: possível definir uma cor para o título do cabeç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

O ícone Image Added é apresentado sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.


Incorporar: utilizado para incorporar as informações (registro de formulário) dentro do formulário que está sendo criado.

Nota

Este campo é de preenchimento obrigatório. É possível somente incorporar um formulário dentro de outro, se o formulário a ser incorporado for selecionado na listagem.

    • Selecione um formulário para incorporar: lista os formulários que existem na plataforma para incorporar ao formulário que está sendo criado.

O ícone Image Added é apresentado sempre que o componente possuir configurações pendentes. Sem as devidas configurações, não é possível salvar ou publicar o formulário em questão.


Integrar um formulário

...

Integração é um recurso que permite o usuário executar uma operação pré-cadastrada na plataforma dentro do formulário. Cada formulário criado poderá ser integrado com uma operação e será necessário selecionar os parâmetros da operação selecionada para que a mesma seja executada corretamente. Para isso, siga os passos abaixo:

Nota

A integração deve ser configurada antes do formulário ser salvo ou publicado. Caso contrário ela não terá seu funcionamento esperado.

01. Após criar o formulário acionar Configurar.

02. Acionar Integrações externas, logo depois Adicionar.

03. A tela para adicionar a integração será apresentada. Nela, as operações pré-cadastradas pelo usuário serão apresentadas em formato de lista.

Painel

Acesse aqui para mais detalhes sobre cadastrar operações na sua plataforma.

04. Selecionar a operação que deseja executar e acionar Próximo.

05. Os parâmetros da operação selecionada serão apresentados, definir os parâmetros para que a operação seja executada corretamente. Acionar Próximo.

06. Definir as mensagens, caso houver necessidade. Uma para alerta caso ocorra algo de errado com a integração e outra para acompanhamento pois o processo pode ter seu tempo variado conforme a integração à ser executada.

Definir as mensagens em: Definição mensagem de alerta e Definição mensagem de acompanhamento.

07. Após a operação e mensagens configurados, é possível visualizar um resumo da integração à ser realizada.

08. Acionar Confirmar.



Pré-visualizar um formulário

...

Ao acionar este item Image Added permite a pré-visualização do formulário criado para que o usuário consiga visualizar como ficará o formulário no momento do seu preenchimento (registro de formulário). Porém não é possível editar ou interagir com o formulário visto que o mesmo ainda precisa ser salvo e publicado para posteriormente ser preenchido.



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 que o formulário foi salvo com sucesso será apresentada e a tela do editor continuará aberta.

Painel

O formulário salvo poderá ser acessado via Soluções no menu principal na plataforma e estará identificado na listagem dos Últimos editados e também na listagem de Em edição.

03. O formulário poderá ser editado para posteriormente ser publicado ou também poderá ser publicado diretamente. Poderá ainda ser removido Soluções acionando o botão identificado pelo íconeImage Added.



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

Painel

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.

Nota
titleAtenção

As novas API's do TOTVS Fluig Plataforma poderão ser utilizadas apenas nos formulários criados a partir do Foms Beta lançado na release 1.6.4 Waterdrop.

Nota
titleImportante!

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

Através do Fluig app, será 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. 


Adicionais

Validações

...

01. Selecione Editar, no componente de campo.

02. Acione a aba Adicionais.

03. Em Validações, acione Adicionar validação.

Esta tabela detalha as validações por tipo de campo (texto, numérico e data) do Forms e também como são configuradas cada uma das regras.

Campos do tipo textoValidaçõesDescrição

Texto

Busca dataset

Busca usuário

Parágrafo

01. Validar e-mail

02. Validar e-mail com conteúdo

03. Validar CPF

04. Validar CNPJ

05. Validar conteúdo de campo texto

06. Validar campo texto em branco

07. Validar campos texto iguais

08. Validar campos texto iguais (ignorando maiúsculas e minúsculas)

01. Verifica se o e-mail informado é um texto válido.

02. Verifica se o e-mail informado é um texto válido e possui determinado conteúdo, afim de garantir um padrão. Exemplo: [email protected], onde além de garantir um e-mail se deseja que seja do domínio "empresa.com"

03. Verifica se o CPF informado é válido.

04. Verifica se o CNPJ informado é valido.

05. Verifica se um campo texto contém dentro dele um determinado texto.

06. Verifica se um campo texto contém dentro dele um determinado texto.

07. Verifica se dois campos texto são iguais.

08. Verifica se dois campos texto são iguais, ignorando diferenças entre letras maiúsculas e minúsculas.

Campo do tipo numérico

Validações

Descrição
Numérico

01. Validar valores numéricos iguais.

02. Validar valor numérico maior que outro.

03. Validar valor numérico maior ou igual a outro.

04. Validar valor numérico menor que outro.

05. Validar valor numérico menor ou igual a outro.

01. Verifica se dois valores numéricos são iguais.

02. Verifica se, entre dois valores numéricos, um é maior que o outro.

03. Verifica se, entre dois valores numéricos, um é maior ou igual ao outro.

04. Verifica se, entre dois valores numéricos, um é menor que o outro.

05. Verifica se, entre dois valores numéricos, um é menor ou igual ao outro.

Campo do tipo dataValidaçõesDescrição
Data

01. Validar data do dia atual.

02. Validar datas iguais.

03. Validar data maior que outra.

04. Validar data maior ou igual a outra.

05. Validar data menor que outra.

06. Validar data menor ou igual a outra.

01. Verifica se o valor está informado com a data do dia atual (hoje)

02. Verifica se dois valores do tipo data são iguais.

03. Verifica se, entre dois valores do tipo data, um é maior que o outro.

04. Verifica se, entre dois valores do tipo data, um é maior ou igual ao outro.

05. Verifica se, entre dois valores do tipo data, um é menor que o outro.

06. Verifica se, entre dois valores do tipo data, um é menor ou igual ao outro.

04. Acione Adicionar, para incluir a validação.

Painel

É possível incluir mais de uma validação.

Para editar uma validação, acione o ícone de + localizado ao lado da validação. 


 Privacidade

...

Painel

O item Privacidade se dá devido a implementação da regulamentação da Lei Geral de Proteção de Dados Pessoais (LGPD ou LGPDP) na organização.

Para mais informações e esclarecimentos de como a organização irá atuar mediante a conduta LGPD, acesse aqui.

Em todos os componentes de campo, a opção Privacidade poderá ser preenchida a qualquer momento, caso o usuário julgue que determinado dado incluído, seja pessoal ou sensível. Assegurando então o sigilo da informação e a proteção de acesso a dados pessoais de forma não autorizada, seja acidentalmente ou de forma ilícita. Para sua segurança, preencha os campos de acordo com sua necessidade.

01. Selecione Editar, no componente de campo.

02. Acione a aba Adicionais.

03. Em Privacidade, acione Adicionar dado pessoal.

Painel

Preencha os campos conforme solicitado:

Tipo: permite selecionar um tipo de dado que será marcado como sensível ou oculto. Os tipos disponíveis são: Nome, e-mail, CPF, RG, Carteira habilitação, Carteira trabalho, Título eleitor, Passaporte ou outros, dependendo do tipo de componente o qual a privacidade está sendo configurada.

Este dado é sensível? Habilite esta opção, caso o tipo de dado escolhido seja considerado sensível.

Painel

Indica que o dado é classificado como sensível e que ele será informado no relatório de dados do usuário (Exportação de Dados).

É considerado sensível todo dado de origem racial ou étnica, convicção religiosa, opinião política, filiação a sindicato ou a organização de caráter religioso, filosófico ou político, dado referente a saúde ou a vida sexual, dado genético ou biométrico, quando vinculado a uma pessoa natural.

É possível anonimizar este dado? Habilite esta opção, caso o tipo de dado escolhido precise ser ocultado.

Painel

Quando estiver com essa opção marcada, indica que o dado pode ser ocultado do banco de dados, caso o usuário, dono do dado, solicite a anonimização, porém os campos continuam aparecendo normalmente no formulário.

Classificação e justificativa:

Classificação: A classificação permite selecionar qual dos motivos gerou a necessidade de configuração da privacidade dos dados. Os tipos de classificação disponíveis são: Execução de contrato, Obrigação Legal, Consentimento, Execução de políticas públicas, Estudo por órgão de pesquisa, Exercício regular do direito, Para a proteção da vida, Para tutela de saúde, Interesse legítimo e Proteção de crédito.

Justificativa: Permite incluir uma justificativa por extenso, do motivo pelo qual o dado é solicitado e para que ele é utilizado.

Painel

Para inserir numa nova classificação e sua justificativa, acione o botão Adicionar, localizado ao lado do menu de Classificação e justificativa.

Para remover, acione o ícone da Lixeira, localizado ao lado direito da Classificação e justificativa.

04. Acione Adicionar, para incluir a privacidade no componente.

...

verifica se o e-mail informado é um texto válido além de verificar se possui determinado conteúdo para garantir um padrão. Exemplo: [email protected] que além de verificar o e-mail, faz-se necessário que o e-mail contenha o domínio suaempresa.com

...

Verifica se o CPF informado é um número válido.

...

Verifica se o CNPJ informado é um número válido.

...

Verifica se a data informada corresponde ao dia atual (hoje).

...

Verifica se existem duas datas iguais.

...

Verifica se, entre duas datas, existe uma maior que a outra.

...

Verifica se, entre duas datas, existe uma maior ou igual a outra.

...

Verifica se, entre duas datas, existe uma é menor que a outra.

...

Verifica se, entre duas datas, existe uma menor ou igual a outra.

...

Verifica se existem dois valores numéricos iguais.

...

Verifica se, entre dois valores numéricos, existe um maior que o outro.

...

Verifica se, entre dois valores numéricos, existe um menor que o outro.

...

Verifica se, entre dois valores numéricos, existe um menor ou igual a outro.

...

Verifica se um campo de texto contém determinado conteúdo dentro dele.

...

Verifica se um campo de texto está em branco.

...

Verifica se dois campos de texto são iguais.

...

Nota
titleImportante!

Para finalizar o formulário, é necessário verificar os campos destacados e preencher de acordo com as regras solicitadas.


Guia de botões 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.

BotãoDescrição

Image Modified

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

Image Modified

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

Image Modified

Possível pré-visualizar o formulário. O formulário será apresentado como ficará para edição, porém não será permitido preencher ou salvar o formulário.

Image Modified

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 Removed

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 ModifiedImage Modified

Permite a ação de
Fazer
Desfazer e
Desfazer
Refazer. 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 Modified

Salva o formulário como rascunho.

Image Modified

Publica o formulário.



Informações
titleFique atento!

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