# Formulários de processo

<span style="white-space: pre-wrap;">Abaixo os tipos de formulários utilizados em processos BPM. Em anexo um procedimento BPM com todos os formulários citados nessa documentação. </span>

##### <span style="white-space: pre-wrap;">Objetiva - Combo / Radio / Botões </span>

<span style="white-space: pre-wrap;">O formulário do tipo 'Objetiva' tem três formas de utilização, combo, rádio e botões, que diferem na forma em que são apresentadas no portal para o usuário mas seu funcionamento no sistema é semelhante. </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/scaled-1680-/eNQoNGAwR3qtPEpX-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/eNQoNGAwR3qtPEpX-image.png)

<span style="white-space: pre-wrap;">Na criação de formulários, selecione um dos tipos. Depois, acesse a aba 'Resposta' e coloque a informação que será exibida para o usuário, e a informação que será salva no processo. </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/scaled-1680-/bd8s6CwZYMNyPKN5-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/bd8s6CwZYMNyPKN5-image.png)

##### <span style="white-space: pre-wrap;">Múltipla escolha </span>

<span style="white-space: pre-wrap;">Esse formulário permite ao usuário selecionar mais de uma informação. </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/scaled-1680-/Q3BR1MC3gaIcrRjI-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-05/Q3BR1MC3gaIcrRjI-image.png)

<span style="white-space: pre-wrap;">Na criação de formulário, selecione o tipo 'Múltipla escolha', depois acesse a aba 'Resposta' e configure a lista de respostas que o usuário poderá selecionar. </span>

##### <span style="white-space: pre-wrap;">Dissertativa </span>

<span style="white-space: pre-wrap;">Tipo de formulário com mais possibilidades de uso, é possível manter como um campo dissertativo, onde o usuário informa alguma informação livremente, é possível criar uma consulta FK diretamente do banco de dados local (ou externo), uma consulta FK com mais de uma seleção, </span>

<span style="white-space: pre-wrap;">Informações de data, hora, valor, inteiro, texto longo, são muito usados em formulário tipo dissertativo. Nesses casos, a VARIAVEL informada é que deve ter o tipo de dado especifico. </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/2KtfFxTJ824q6bN8-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/2KtfFxTJ824q6bN8-image.png)<span style="white-space: pre-wrap;"> </span>

No portal, os campos serão exibidos com as respectivas máscaras

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/UTDhWpQbNawFtOd1-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/UTDhWpQbNawFtOd1-image.png)

##### <span style="white-space: pre-wrap;">Grade de dados </span>

Formulários do tipo grade recebem variável do tipo 'Grade de dados' e permitem ao usuário criar colunas com varios tipos de dados.

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/cvCukZcSqnzQOmc8-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/cvCukZcSqnzQOmc8-image.png)

Colunas:

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/uMI5zIjt3jI4r8ZU-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/uMI5zIjt3jI4r8ZU-image.png)

No portal:

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/hcA7OVhZ6sGgR3q6-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/hcA7OVhZ6sGgR3q6-image.png)

<span style="white-space: pre-wrap;">O funcionamento desse formulário geralmente é acompanhado de eventos de sistema, pois a variavel do tipo 'Grade de dados' não guarda todas essas informações como em um array, então para extrair o valor da coluna geralmente é necessário </span>

- **Estrutura condicional - Inicio**: Origem Conjunto de dados
- **Estrutura de repetição - Retorna valor**<span style="white-space: pre-wrap;">: Aqui é onde você configura o valor da coluna para a variável de processo, se a coluna tem um texto, você cria uma variável para receber esse texto. </span>
- <span style="white-space: pre-wrap;">Após esses dois eventos, termine sua configuração de eventos de sistema e </span>**finalize a estrutura condicional**

##### Seleção de anexos

<span style="white-space: pre-wrap;">Esse tipo de formulário é utilizado com variável texto. Ele vai puxar e exibir como um check todos os anexos vinculado à instancia. </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/hl16Sv9rwmPaEeBV-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/hl16Sv9rwmPaEeBV-image.png)

##### <span style="white-space: pre-wrap;">Assinatura manual </span>

Campo de assinatura manual com variável do tipo 'Assinatura'. Ao incluir em processo, traz novas possibilidades para etapas que necessitam de autorização. No portal, ele é exibido dessa forma:

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/pPNzffvcPqTOUyc2-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/pPNzffvcPqTOUyc2-image.png)

<span style="white-space: pre-wrap;">Ao clicar para colaborar no formulário: </span>

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/U16OykrsjGannDIn-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/U16OykrsjGannDIn-image.png)

##### Mapa

<span style="white-space: pre-wrap;">Formulário do tipo 'Mapa' recebe variável do tipo 'Mapa' com a latitude e longitude do local desejado configurado no valor padrão. </span>

- Exemplo: \[{"latitude":-28.655770919457066, "longitude": -49.348811579751484}\]
- Caso o 'Modo' seja selecionado como 'Área' deve ser incluído o raio da área.

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/RR5Rlts3CDVLpokX-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/RR5Rlts3CDVLpokX-image.png)

No Portal:

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/spqauS6JA3D5QoLo-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/spqauS6JA3D5QoLo-image.png)

##### Link

Formulário do tipo 'Link' que deve ser vinculado o a uma variável do tipo 'Texto' onde no valor padrão é configurado a URL do link

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/qqRYcQBUkhnzZKgD-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/qqRYcQBUkhnzZKgD-image.png)

##### <span style="white-space: pre-wrap;">Botão </span>

Esse formulário não recebe variável. Geralmente é criado em conjunto com um evento ao sair (PEX/JEX) que faça alguma operação. Possui algumas configurações adicionais por se tratar de um formulário que possui certo destaque em colaborações com processos BPM.

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/WckQzC3LV9gQEikj-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/WckQzC3LV9gQEikj-image.png)

##### Bloco HTML

<span style="white-space: pre-wrap;">Formulário que também não recebe variável, em que o usuário pode informar um código HTML para exibir em processos. É possivel criar tabelas, linhas, destaques, etc... Mais exemplos, </span>[clique aqui.](https://kb.emasistemas.com.br/books/html/page/utilizando-bloco-html)

Na criação do formulário Bloco HTML &gt; Aba 'HTML'

##### <span style="white-space: pre-wrap;">Linha Horizontal </span>

Sem variável vinculada, geralmente utilizada para melhor organização visual de formulários no processo.

[![image.png](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/scaled-1680-/2D1IcP2BlzVkHzcp-image.png)](https://kb.emasistemas.com.br/uploads/images/gallery/2026-07/2D1IcP2BlzVkHzcp-image.png)