Skip to main content

Como criar e editar campos dos formulários

Antes de iniciarmos o passo a passo é indispensável que seja entendido o que são campos e qual sua utilidade no fluxo. Clique aqui para saber mais sobre campos.




Como criar um campo

Nas Configurações do seu fluxo, selecione a aba de "Formulário Inicial" ou "Etapas", onde desejar criar o formulário. 

Clique ou arraste o campo desejado até a prévia do formulário.

Campo de seleção.gif

Após escolher o campo desejado, abrirá uma janela para personalização do seu campo.

Caixa de seleção única.jpg

Aqui você definirá as seguintes informações:

  • Título do campo
        Nome da informação que você deseja obter, procure ser claro no título do campo.

  • Orientação das opções
        Em campos de seleção, você pode escolher se deseja que as opções sejam apresentadas na vertical ou horizontal.

  • Descrição
        A descrição do campo será mostrada logo abaixo do título.

  • Texto de ajuda
        Será mostrado ao lado do título um ícone de ajuda ajuda.png. Ao posicionar o cursor sobre o ícone, aparecerá o texto de ajuda. 

  • Obrigatoriedade do campo
        Definindo um campo como obrigatório, você impede que o formulário seja salvo sem que o campo esteja preenchido e o item seja criado/movido com dados incompletos.

  • Sincronização do campo com o item
        Campos como etiquetas, responsável interno/externo, prazos, entre outros, podem ser sincronizados automaticamente com o item, dessa maneira, o valor preenchido no campo será automaticamente sincronizado com os dados do item. O campo data de vencimento é automaticamente sincronizado com o item.

  • Possibilidade de edição do campo em outras etapas
        Ao ativar essa opção, você permite que as informações preenchidas neste campo possam ser editadas em outras etapas.

  • Campo com valor único
        Em campos de texto você poderá definir se deseja que o campo contenha um valor único, impedindo que o usuário preencha o campo com valores repetidos.


Opções - campos de seleção

Para inserir as alternativas que devem ser selecionadas, clique na aba "Opções" e insira as opções desejadas.

Opções - Campos de seleção.gif

Caso deseje adicionar várias opções de uma única vez, clique em "Adicionar vários", insira as opções (uma por linha) e depois clique em "Converter em opções".

Opções - Campos de seleção.gif



Validações

Em campos de textos você pode adicionar validações para garantir que não serão registradas informações inválidas. 

Depois de escolher o campo desejado, selecione a aba "Validações" e clique "Adicionar validação" 

Validações.gif

Você escolhe o tipo de validação que será realizada:

Validação - Tipo.jpg   Validação - Operação.jpg

Você pode escolher o tipo de validação:

    • Texto
    • Comprimento
    • Expressão regular

A operação que será validada:

    • Igual a
    • Diferente de
    • Começa com
    • Contém

    Em casos de validação por comprimento, as opções "Começa com" e "Contém" serão substituídas por:

    • Maior que
    • Menor que

Condicional que será validada:

    • O texto que deve ser comparado na validação por Texto
    • Número de caracteres que deve ser comparado na validação por Comprimento
    • A expressão que deve ser comparada na validação por Expressão regular

Mensagem que deve aparecer: 

    • Texto personalizado do erro caso o valor preenchido no campo contenha um dos erros apresentados na validação.


Exemplo de validação:

Validação.gif

Nesse caso, fizemos uma validação onde o valor digitado não pode conter menos de 10 caracteres. Enquanto o campo não corresponder as validações, o MovePipe mostrará a mensagem de erro configurada por você. 

Validação de campo.gif



Como editar um campo

Para editar um campo, vá até o formulário desejado e clique no ícone editar.png no campo que deseja editar.

Editando o campo.gif

Não é possível alterar o tipo de campo. Caso deseje alterar o tipo de campo, o campo atual deve ser excluído e um novo campo deve selecionado e configurado. 



Como excluir um campo

Essa ação não pode ser desfeita após a sua confirmação.

Para excluir um campo, basta clicar no ícone menu-pontos-vertical-1.png no campo desejado e clicar em "Remover o campo". Após confirmar, o campo terá sido removido com sucesso. 

Remover campo.gif

Para saber como escolher o tipo de campo correto, clique aqui.