Botão Customizado

Caso seja necessário uma ação no formulário que não exista no agilityflow, é possível criar um botão. Esse botão, executa um código  javascript  personalizado, que deve ser criado pelo usuário. Para a configuração desse campo, é necessário conhecimento de javascript , já que qualquer ação com esse botão é 100% customizada.  

 Grupo de informações 

 Dentro das configurações, é possível alterar o  grupo de informação  ao qual o campo foi atribuído no momento da criação. 

 Nome de Apresentação 

 Mostra o nome de apresentação informado no momento da criação. Esse é o nome que será mostrado na tela para o usuário. 

 Regras de Visibilidade e desativação 

 Usando essas opções, é possível tornar um campo visível, invisível, ativo ou inativo, e definir quando uma dessas ações deve ocorrer. É possível adicionar várias regras para cada campo. 

 Descrição 

 É um texto que ajuda a identificar a regra que se está criando. Muito útil quando existem múltiplas regras. 

 Ação 

 Ativar 

 Deixa o campo disponível para inserção de dados. É o estado padrão do campo. 

 Inativar 

 Deixa o campo indisponível para inserção de dados. 

 Visível 

 O campo é mostrado na tela, caso esteja inserido para tal, nas configurações de tela. 

 Invisível 

 O campo é não é mostrado na tela, mesmo que esteja inserido para tal, nas configurações de tela. 

 A partir da etapa / Até a etapa 

 Em formulários com etapas, é possível estabelecer que uma regra será aplicada em alguma(s) etapa(s). Para isso, basta selecionar as etapas nos campos "a partir da etapa" e "até a etapa", para definir em que momento do fluxo essa regra vai ser aplicada. 

 Quando 

 Define em que momento a ação deve acontecer. 

 Sempre 

 É o padrão do formulário. 

 Condicional 

 

 Tipo de condição Para fazer um validação condicional, estão disponíveis as seguintes condições: 

 

 Se o campo: compara um campo com um valor, ou com outro campo. Abaixo, uma tabela com os operadores disponíveis para as comparações: 

 

 

 

 Comparação por valor 

 Comparação por outro campo 

 

 

 For igual a 

 É igual ao campo 

 

 

 For maior ou igual a 

 É diferente do campo 

 

 

 For menor ou igual a  

   

 

 

 For maior que 

   

 

 

 For menor que 

   

 

 

 For diferente de 

   

 

 

 Conter 

   

 

 

 Não conter 

   

 

 

 

 É possível adicionar mais de um condição na mesma regra. 

 

 Se é um novo formulário: regra será aplicada quando uma nova entrada no formulário estiver sendo criada. 

 Se é edição de formulário: regra será aplicada quando uma entrada no formulário estiver sendo alterada. 

 

 

 

 Customização Javascript 

 A parte mais importante do botão customizado é a programação em javascript. É com ela que o botão será capaz de executar alguma ação no formulário. 

 Com a customização em Javascript, as possibilidade são inúmeras. Qualquer que seja o código javascript, ele pode ser usado aqui. 

 Exemplo de código 

 

 Posso abrir o WhatsApp pelo agilityflow? 

 

 No exemplo abaixo, o botão customizado está configurado para abrir o WhatsApp Web e iniciar uma conversa com o número cadastrado no formulário. 

 var fone = $("#telefone").val();

if (fone !== null)

 fone = fone.replaceAll(/\(/,"").replaceAll(/\)/,"").replaceAll(/-/,"").replaceAll(/ /,"");

window.open("https://web.whatsapp.com/send?phone="+fone); 

 Explicando o código 

 var fone = $("#telefone").val(); 

 Obtém-se o valor do campo telefone, e o armazena na variável chamada fone . Note que esse nome é exatamente o nome definidos na configuração  Coluna Banco de dados (SQL) . 

 if (fone !== null)

 fone = fone.replaceAll(/\(/,"").replaceAll(/\)/,"").replaceAll(/-/,"").replaceAll(/ /,""); 

 Nesse ponto, checa se o valor é nulo. Caso não seja, limpa o número, removendo parêntesis e hifens. 

 

 
 window.open("https://web.whatsapp.com/send?phone="+fone); 

 

 

 

 

 

 window.open("https://web.whatsapp.com/send?phone="+fone); 

 

 

 Abre-se uma nova janela, passando o valor da variável fone na URL.