> For the complete documentation index, see [llms.txt](https://kb.stoque.com.br/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kb.stoque.com.br/migre-para-zeev/mudancas-em-funcionalidades/telas-de-tarefas.md).

# Telas de tarefas

## Compatibilidade de execução de processos legados

Uma grande preocupação que tivemos foi com a **manutenção e compatibilidade dos processos automatizados já existentes**. Sabemos que muitos processos possuem um **alto nível de customizações**, incluindo a manipulação em grande detalhe do DOM da página de execução de tarefas. O DOM (Document Object Model) refere-se a própria estrutura HTML da tela de tarefas.

De modo a poder **manter essa compatibilidade** e, ao mesmo tempo, permitir a evolução da plataforma, foi criado o conceito de “**Modo de execução**”. Esse é um campo encontrado no cadastro básico de processos.

![](https://paper-attachments.dropbox.com/s_6AAE46FB85971FBFED3AFAF61A3489DE821E0F62423DD32097B273A353B9B530_1573490691915_image.png)

A tela de requisição e as tarefas de processos cujo modo de execução seja configurado para 1.0 serão abertas seguindo exatamente a mesma estrutura HTML e visual do BPMS3. **Com isso não haverá quebras de compatibilidade e impactos na atualização do sistema.**

![](https://paper-attachments.dropbox.com/s_6AAE46FB85971FBFED3AFAF61A3489DE821E0F62423DD32097B273A353B9B530_1573490814275_image.png)

No momento da atualização do sistema do BPMS3 para Zeev, todos os processos serão automaticamente configurados para o modo de execução 1.0.

Entretanto, r**ecomendamos fortemente que a organização comece um processo de teste, homologação e adaptação de seus processos para o modo de execução 2.0**. Novas melhorias e funcionalidades passarão a ser disponibilizadas somente para processos rodando no modo de execução 2.0.

{% hint style="danger" %}

### É importante enfatizar que a estrutura HTML e o DOM da página no modo de execução 2.0 mudaram. Então, é provável que seus scripts não funcionem automaticamente sem nenhum tipo de adaptação.

{% endhint %}

Veja, no link abaixo, uma série de perguntas e respostas sobre as mudanças acima.

{% content-ref url="/pages/-MhKBtD7aUc5g0e1z-pq" %}
[Perguntas frequentes](/migre-para-zeev/perguntas-frequentes.md)
{% endcontent-ref %}

## Nova tela de tarefa

Quando usado o modo de execução 2.0, um novo layout de tela de execução de tarefas é apresentado ao usuário.

Esse novo layout:

1 - Após diversos feedbacks de clientes, tornamos a barra de botões de ações fixa na parte inferior da tela, agilizando assim a conclusão de tarefas. Ela permanece sempre sobreposta ao conteúdo, sempre visível, mesmo que seja feito scroll;

2 - Um menu de navegação a esquerda, que traz contagem total de mensagens e anexos da instâncias;

3 - Todas as operações, inclusive o carregamento da tela, passam a ser assíncronas, tornando tudo mais rápido e ágil;

4 - Implementação do novo design system e simplificação geral da Interface;

![](/files/jOv3PUWC1LyUiql3wEGh)

## Tamanho de campos do formulário

No BPMS3 o campo “Tamanho do campo” poderia definir, um Pixels, a largura do campo do formulário de um processo. Posteriormente, caso o Orquestra identificasse que o acesso era por um telefone celular, ignorava essa configuração e definia-a como 100% da largura da tela.

No Zeev, esse campo, “Tamanho do campo”, ainda existe. Porém, ele somente é utilizado nos formulários legados vinculados a um processo que use o modo de execução 1.0.

Nos formulários vinculados a um processo que use o modo de execução 2.0, essa configuração é sempre ignorada. Ele é trocada por um valor percentual do container da página onde o campo estiver inserido. Isso é necessário para assegurar a real responsividade da tela e fazê-la funcionar não só em “desktop” e “mobile”, mas nas diversas telas e resoluções diferentes que existem hoje dentro desse espectro.

### Demonstração prática

Veja no vídeo abaixo uma demonstração prática sobre as mudanças nas telas de tarefas.

{% embed url="<https://www.youtube.com/watch?v=m3RSOB4Fors>" %}
