Navigation:  Cadastro > Formulário > Editor de formulário responsivo >

Exemplos

Veja alguns exemplos de configuração de regras utilizando o formulário responsivo.

Alterar apresentação de um campo de acordo com opção selecionada na lista

Para alterar a apresentação de um campo ou seção após selecionar uma opção de um campo de lista (simples, avançada ou fonte de dados), defina a regra no campo onde a opção será selecionada. Veja mais detalhes nos passos a seguir:

1..Acesse o modelador do formulário responsivo e crie uma regra.

2.Insira na regra a ação "Criar expressão condicional".

3.Na expressão condicional, configure os seguintes campos:

i.No campo "Opções para valor", da primeira expressão, selecione a opção "Campo do formulário".

ii.No campo "Campo de formulário", selecione o campo que contém as opções que irão alterar as propriedades de outros campos do formulário.

iii.Para este exemplo, o campo "Função" não precisará ser configurado.

iv.No campo "Operador", selecione a opção "Igual".

v.No campo "Opções para valor", da segunda expressão, selecione a opção "Valor fixo".

vi.No campo "Tipo de dado", selecione a opção "Texto".

vii.No campo "Valor", informe o nome da opção do campo de formulário selecionado no passo (ii). O valor deve ser preenchido exatamente igual à opção do campo.

viii.Clique em "Aplicar".

4.Selecione a expressão condicional que foi criada e clique no botão "Adicionar ação".

5.Insira na expressão condicional, a ação "Definir propriedade".

6.Na ação de definir propriedade, configure os seguintes campos:

i.No campo "Campo de formulário", selecione o campo ou seção que terá sua apresentação alterada com a opção selecionada.

ii.No campo "Propriedade", selecione qual propriedade do campo ou seção será alterada.

iii.No campo "Valor", selecione uma das seguintes opções:

▪Sim: Selecione esta opção para que o campo/seção fique visível, habilitado ou requerido.

▪Não: Selecione esta opção para que o campo/seção fique escondido, desabilitado ou deixe de ser requerido.

iv.Clique em "Aplicar".

7.Caso haja outros campos que precisem ficar visíveis, habilitados ou requeridos, repita os passos 5 e 6, utilizando os campos necessários.

8.Repita os passos 5 e 6, para cada campo ou seção que deverá ser apresentada ou escondida assim que a opção da lista for selecionada. Lembre-se que caso, durante o preenchimento do formulário, a opção selecionada seja trocada por outra opção, será necessário que os campos que ficaram visíveis, sejam escondidos. Então defina as propriedades de todos os campos para a opção selecionada.

9.Repita os passos 2 a 8 para todas as opções da lista que irão alterar as propriedades dos campos do formulário. Se houver mais de uma opção que altera as propriedades dos mesmos campos, da mesma forma, configure várias condições (com o operador lógico OU entre as condições) na mesma expressão condicional.

10. Após finalizar a criação da regra, salve o formulário.

11. Agora acesse a aba "Formulário" do editor de formulário responsivo.

12. Selecione o campo que contém as opções que irão alterar a apresentação dos campos do formulário.

13. Com o campo selecionado, clique no botão .

14. Na seção "Regras", do painel de configuração, selecione a regra que foi criada no campo "Alteração".

15. Salve o formulário. Clique no botão "Pré-visualizar" e teste o formulário, selecionando as opções configuradas na expressão condicional. Caso algum campo não esteja sendo alterado, acesse as configurações da regra e verifique se não faltou nenhuma configuração.

16. Se o teste for bem-sucedido, salve e feche o formulário.

Veja a seguir um esboço de como a regra de expressão condicional pode ser configurada:

Calcular um valor total com base no valor de outros campos

Caso você precise, por exemplo, calcular um total, que é obtido pela multiplicação do valor unitário com a quantidade de itens, basta utilizar uma expressão. Veja a seguir como efetuar essa configuração:

1.Acesse o modelador do formulário responsivo e crie uma expressão na respectiva aba.

2.Na tela da expressão, defina um nome para a mesma.

3.Na configuração da expressão, selecione, no campo "Origem do valor", a opção "Campo do formulário".

4.Em seguida, selecione, no campo "Campo de formulário", o campo que contém o valor do item.

5.Para obter o valor total desse exemplo é necessário executar uma multiplicação, então, clique em "Adicionar item".

Obs.: Nesse momento, duas novas linhas serão apresentadas: uma para selecionar uma operação da expressão e a outra para selecionar a segunda parte da operação. Caso seja necessário realizar um cálculo com mais valores, basta ir adicionando itens conforme sua necessidade.

6.Na segunda parte da expressão, selecione a operação "Multiplicar" e selecione a opção "Campo do formulário" no campo "Origem do valor".

7.No campo "Campo de formulário" selecione o campo que contém a quantidade de itens.

8.Em seguida, clique em "Salvar e fechar".

9.Agora, acesse a aba "Regra", na tela do editor do formulário responsivo, e crie uma regra.

10. Insira na regra a ação "Definir propriedade".

11. Na configuração da ação, preencha os campos da seguinte forma:

▪Elemento: Selecione o campo do formulário no qual deverá ser apresentado o valor total de itens.

▪Propriedade: Selecione a opção "Valor dinâmico".

▪Variável: Selecione a variável criada anteriormente.

12. Salve a ação.

13. Acesse a aba "Formulário". O valor total deve ser apresentado assim que o valor unitário e a quantidade de itens forem inseridos nos respectivos campos. Então, é necessário selecionar a regra criada no campo "Remover foco" dos dois campos que contêm os valores da operação.

14. Selecione o campo que irá receber o valor do item.

15. Com o campo selecionado, clique no botão "Configurar elementos".

16. Na seção "Regras", do painel de configuração, selecione, no campo "Remover foco", a regra criada anteriormente.

17. Agora, selecione o campo que irá receber a quantidade de itens.

18. Com o campo selecionado, clique no botão "Configurar elementos".

19. Na seção "Regras", do painel de configuração, selecione, no campo "Remover foco", a regra criada anteriormente.

20. Salve o formulário. Clique no botão "Pré-visualizar" e teste o formulário, preenchendo os campos de valor unitário e quantidade de itens. Se o valor total não estiver sendo calculado, verifique se a regra foi inserida em todos os campos que possuem valores utilizados na operação. Verifique também, se variável foi configurada corretamente.

21. Se o teste for bem-sucedido, salve e feche o formulário.

Exibir seção quando formulário estiver sendo executado em determinada atividade de processo

No exemplo a seguir, serão apresentados os passos da configuração de regras para habilitar seções em atividades específicas do processo.

1.Após modelar o processo e o formulário, acesse a aba "Regras" e crie uma regra.

Obs.: Neste exemplo, as seções que ficarão visíveis foram modeladas para ficarem escondidas por padrão. É através das regras que serão alteradas as propriedades de cada seção.

2.Insira na regra a ação "Criar expressão condicional".

3.Na expressão condicional, configure os seguintes campos:

a.No campo "Opções para valor", da primeira expressão, selecione a opção "Dados da instância do processo".

b.No campo "Valor", selecione a opção "Atividade".

c.Para este exemplo, o campo "Função" não precisará ser configurado.

d.No campo "Operador", selecione a opção "Igual".

e.No campo "Opções para valor", da segunda expressão, selecione a opção "Valor fixo".

f.No campo "Tipo de dado", selecione a opção "Texto".

g.No campo "Valor", informe o nome da atividade na qual a seção ficará visível. Obs.: Informe o nome da atividade exatamente igual como está no processo. Se o nome da atividade estiver em maiúsculo e no campo valor estiver em minúsculo, a expressão condicional entenderá que são valores diferentes e retornará Falso, fazendo com que a seção não fique visível durante a execução da atividade da instância. Neste exemplo, em cada expressão condicional é verificado se o nome da atividade é "Activity 02", "Activity 03", "Activity 04" e "Activity 05".

h.Clique em "Aplicar".

4.Insira na expressão condicional a ação "Definir propriedade".

5.Na configuração da ação, preencha os campos da seguinte forma:

a.No campo "Campo de formulário" selecione a seção que ficará visível. Obs.: Neste exemplo, na ação de definir propriedade de cada expressão condicional, são selecionados os campos "Section - Activity 02", "Section - Activity 03", "Section - Activity 04" e "Section - Activity 05".

b.No campo "Propriedade" selecione a opção "Visível".

c.No campo "Valor" selecione a opção "Sim" para que a seção fique visível.

d.Clique em "Aplicar".

6.Repita os passos 2 a 5 para todas as seções que ficarão visíveis.

7.Para fins de exemplo, na imagem a seguir, na expressão condicional da "Section - Activity 05" a regra verifica se o nome da atividade do processo é diferente de "Activity 05", pois em caso afirmativo (Verdadeiro) a seção "Section - Activity 05" deve ficar escondida.

8.Na parte superior da tela do editor de formulário, clique em "Alterar formulário".

9.No campo "Carregar formulário" insira a regra que foi criada. Desta forma, a regra será executada sempre que o formulário for carregado (aberto) nas atividades do processo.

10. Instancie o processo e execute as atividades para verificar se as seções ficam visíveis conforme configurado nas regras. Este exemplo, também pode ser aplicado a outros tipos de campos e com outros tipos de propriedades. Se durante a execução das atividades, os campos do formulário não ficarem com as propriedades desejadas, revise as regras do seu formulário.

Habilitar rota de gateway na instância de acordo com opção selecionada em campo de lista

No exemplo a seguir, serão apresentados os passos para a configuração de um gateway (XOR A), que contém 3 fluxos de saídas que serão habilitados se os campos de checkboxes forem marcados durante a execução da instância do processo.

Primeiramente, associe o formulário na atividade anterior ao gateway, que no nosso exemplo é a "Activity 01". Veja nos passos a seguir, como configurar o gateway:

1.Abra, para edição, o fluxograma do processo. Em seguida, dê um duplo clique no gateway que contém as saídas que serão habilitadas de acordo com as opções marcadas no formulário.

2.Na tela de dados do gateway, acesse a aba "Fluxo de saída". Acesse os dados do fluxo, clicando no botão após selecionar um dos fluxos de saída do gateway.

Obs.: Também é possível acessar os dados do fluxo dando um duplo clique em cada conector do fluxo de saída na tela do modelador de processo.

3.Em cada fluxo de saída, defina a fórmula que irá habilitar o respectivo fluxo. Para isso, clique no botão , que está ao lado do campo "Fórmula".

4.No Editor de fórmulas, defina uma condição para verificar se o valor do campo do formulário está preenchido com o valor necessário para habilitar o fluxo (e retornar o valor "VERDADEIRO"). Neste exemplo, foram definidas as seguintes fórmulas em cada fluxo de saída: