O guia rápido “Alternância entre modos de visualização (responsive x scrollbar) - Novas tabelas” está subdividido nas seções:

• O que são os modos de visualização das novas tabelas?
• Em quais telas os modos de visualização estão disponíveis?
• Como alterar o modo de visualização?
• Como funciona o modo Adaptável?
• Como visualizar informações recolhidas no modo Adaptável?
• Como funciona o modo Amplo?
• Quais colunas permanecem fixas no modo Amplo?
• Qual modo de visualização devo utilizar?
• Como funciona a preferência de visualização?
• O que acontece ao alterar o modo de visualização?
• Como funciona em tablets e celulares?
• Quais funcionalidades continuam disponíveis nos dois modos?
• Pontos importantes sobre os modos de visualização

O que são os modos de visualização das novas tabelas?

Os modos de visualização permitem definir como as colunas de uma tabela são organizadas na tela.

Os dois modos atendem a necessidades diferentes.

No modo Adaptável, a tabela utiliza o espaço disponível e recolhe automaticamente algumas colunas quando não existe largura suficiente para exibir todas as informações.

No modo Amplo, as colunas permanecem na tabela principal e, quando a largura total ultrapassa o espaço disponível, é apresentada uma barra de rolagem horizontal.

Nenhum dos modos altera os registros ou as informações da rotina. A diferença está somente na forma como os dados são apresentados.

Dependendo da rotina e da forma de trabalho de cada usuário, pode ser mais interessante utilizar uma tabela que se adapte automaticamente ao espaço disponível ou manter todas as colunas na linha principal e utilizar uma barra de rolagem horizontal.

A escolha é feita diretamente na tabela e pode ser diferente para cada tela. Assim, você pode utilizar o modo Adaptável em uma rotina e o modo Amplo em outra.

Veja abaixo uma imagem da tela de produtos com os tipos de modo de visualização da tabela:

Em quais telas os modos de visualização estão disponíveis?

A funcionalidade está disponível nas novas tabelas que utilizam o padrão de visualização compatível com os modos Adaptável e Amplo.

Entre as telas contempladas estão:

• Produtos
• Processos
• Pessoas
• Painel de NF-e
• Painel de NFS-e
• Contas a pagar
• Contas a receber
• Ordens
• Contatos
• Romaneios de expedição
• Recebimentos
• Pagamentos
• Certificados de inspeção
• Inspeção de recebimento

Novas telas que utilizam esse mesmo padrão de tabela também podem disponibilizar a alternância entre os modos, desde que não possuam uma necessidade específica de visualização.

Veja abaixo uma imagem da tela de produtos no modo amplo:

Como alterar o modo de visualização?

Na barra superior da tabela, localize o botão “Modo de visualização”, próximo às demais opções de configuração da tabela.

Clique no botão para visualizar as opções disponíveis:

• Adaptável (recomendado)
• Amplo

Cada opção apresenta uma breve explicação sobre seu comportamento.

Clique no modo desejado.

A tabela é atualizada automaticamente para aplicar a nova forma de visualização.

Não é necessário recarregar a página.

Veja abaixo uma imagem da tela de produtos com os tipos de modo de visualização da tabela:

Como funciona o modo Adaptável?

O modo Adaptável é o padrão das novas tabelas do Nomus.

Nesse modo, a tabela ajusta automaticamente a quantidade de colunas exibidas de acordo com a largura disponível na tela.

Quando existe espaço suficiente, mais informações são apresentadas diretamente na linha principal.

Quando o espaço diminui, algumas colunas são recolhidas automaticamente para evitar uma rolagem horizontal extensa.

Esse comportamento é especialmente útil em:

• Notebooks
• Telas menores
• Tablets
• Usuários que preferem uma visualização mais limpa e organizada.

A quantidade de colunas apresentadas diretamente pode variar conforme a resolução e o tamanho disponível para a tabela.

Veja abaixo uma imagem da tela de produtos no modo adaptável:

Como visualizar informações recolhidas no modo Adaptável?

Quando uma coluna é recolhida por falta de espaço, a informação não é excluída.

Ela continua disponível na área expansível do registro.

Ao expandir uma linha, o sistema apresenta as informações que não couberam na área principal da tabela.

Dessa forma, o modo Adaptável mantém as informações disponíveis sem exigir que todas as colunas fiquem visíveis lado a lado.

Importante: uma coluna recolhida automaticamente pelo modo Adaptável é diferente de uma coluna que você ocultou manualmente pela opção “Exibição de colunas”.

No primeiro caso, a informação continua disponível na área expansível. No segundo, a coluna permanece desativada conforme a sua configuração.

Veja abaixo uma imagem da tela de produtos com a área expansiva do registro em destaque:

Como funciona o modo Amplo?

O modo Amplo prioriza a visualização simultânea da maior quantidade possível de colunas.

Nesse modo, as colunas não são recolhidas automaticamente conforme a largura da tela.

Quando a tabela possui mais informações do que o espaço disponível, uma barra de rolagem horizontal é apresentada.

Você pode utilizar essa barra para navegar para a direita e para a esquerda e consultar as demais colunas.

Esse modo é indicado principalmente para usuários que:

• Utilizam monitores maiores.
• Trabalham com muitas colunas.
• Precisam comparar várias informações de um mesmo registro.
• Preferem manter as informações diretamente na linha principal.

Veja abaixo uma imagem da tela de produtos no modo amplo:

Quais colunas permanecem fixas no modo Amplo?

No modo Amplo, algumas colunas estruturais permanecem fixas enquanto você utiliza a rolagem horizontal.

Dependendo da tela, podem permanecer fixas informações como:

• Caixa de seleção dos registros.
• Ícones de ações.
• Anexos.
• Mapa de relações.
• Observações.
• Código ou outra coluna principal do registro.

Isso facilita a identificação da linha que está sendo consultada mesmo quando você navega pelas colunas mais à direita da tabela.

Essas colunas também possuem função estrutural e, por isso, não podem ser reposicionadas livremente.

Veja abaixo uma imagem da tela de produtos com as colunas fixas em destaque:

Qual modo de visualização devo utilizar?

A escolha depende principalmente da forma como você utiliza cada tabela.

Utilize o modo Adaptável quando quiser:

• Aproveitar melhor o espaço disponível.
• Evitar rolagem horizontal.
• Trabalhar em notebooks ou telas menores.
• Manter uma tabela mais compacta.
• Consultar informações menos prioritárias somente quando necessário.

Esse é o modo recomendado para a maioria dos cenários.

Utilize o modo Amplo quando quiser:

• Manter mais colunas visíveis na tabela principal.
• Comparar diferentes informações ao mesmo tempo.
• Trabalhar em monitores com maior área disponível.
• Navegar horizontalmente por tabelas extensas.

Você não precisa utilizar o mesmo modo em todas as telas.

Por exemplo, pode utilizar Adaptável na tela de Pessoas e Amplo na tela de Ordens, caso essa combinação seja mais adequada à sua rotina.

Como funciona a preferência de visualização?

A escolha do modo de visualização é mantida individualmente para cada tabela compatível.

Isso significa que cada rotina pode possuir sua própria preferência.

Depois de selecionar um modo, o sistema utiliza essa escolha novamente quando você retornar àquela tabela no mesmo ambiente de navegação.

Por exemplo:

• Produtos: Adaptável.
• Ordens: Amplo.
• Pessoas: Adaptável.
• Contas a pagar: Amplo.

Essas escolhas não precisam ser iguais.

Importante: ao utilizar outro navegador ou outro computador, a tabela pode voltar ao modo padrão, sendo necessário definir novamente a preferência naquele ambiente.

Veja abaixo uma imagem da tela de pessoas:

O que acontece ao alterar o modo de visualização?

Quando você troca entre os modos Adaptável e Amplo, apenas a tabela é reinicializada para aplicar a nova configuração.

As demais preferências da tabela são preservadas.

Isso inclui, por exemplo:

• Ordenação dos registros.
• Posição das colunas.
• Colunas visíveis ou ocultas.
• Quantidade de registros por página.
• Outras configurações mantidas pela tabela.

Assim, alterar o modo de visualização não exige que você refaça as demais personalizações.

Veja abaixo uma imagem da tela de ordens:

Como funciona em tablets e celulares?

Em tablets e dispositivos móveis, o sistema utiliza obrigatoriamente o modo Adaptável.

Nessas resoluções, o botão de alteração do modo de visualização não é apresentado.

Essa regra permite que as tabelas se adaptem automaticamente ao espaço reduzido disponível nesses dispositivos.

Portanto, o modo Amplo é uma opção destinada às resoluções em que a tabela possui espaço adequado para utilização da rolagem horizontal.

Quais funcionalidades continuam disponíveis nos dois modos?

A alteração do modo de visualização não interfere nas demais funcionalidades da tabela.

Tanto no modo Adaptável quanto no modo Amplo, continuam disponíveis normalmente:

• Pesquisa
• Filtros
• Ordenação
• Exportação de dados
• Reposicionamento de colunas
• Exibição e ocultação de colunas
• Atalhos de teclado disponíveis nos botões
• Seleção de registros por caixa de seleção
• Paginação

Por exemplo, se você personalizar quais colunas deseja visualizar e depois alterar do modo Adaptável para o Amplo, sua configuração de colunas continua sendo respeitada.

O mesmo ocorre com a posição das colunas e demais preferências já salvas.

Pontos importantes sobre os modos de visualização

Confira alguns pontos importantes:

• O modo Adaptável é o padrão das novas tabelas;
• O modo Adaptável reorganiza automaticamente as informações conforme a largura disponível;
• As colunas recolhidas pelo modo Adaptável continuam disponíveis na área expansível do registro;
• O modo Amplo mantém as colunas na tabela principal;
• No modo Amplo, uma barra de rolagem horizontal é apresentada quando necessário;
• Algumas colunas estruturais permanecem fixas durante a rolagem horizontal;
• A preferência é definida individualmente para cada tabela;
• Você pode utilizar modos diferentes em telas diferentes;
• A troca de modo atualiza apenas a tabela;
• As demais configurações e preferências da tabela são preservadas;
• Em outro navegador ou computador, a visualização pode retornar ao padrão;
• Em tablets e celulares, o modo Adaptável é obrigatório;
• O botão de alteração do modo não é apresentado em dispositivos nos quais somente o modo Adaptável está disponível;
• Filtros, pesquisa, ordenação, exportação, reposicionamento de colunas, visibilidade das colunas, seleção de registros e paginação continuam funcionando nos dois modos.

Com os modos Adaptável e Amplo, cada usuário pode escolher a forma de visualização mais adequada para sua rotina, mantendo a organização das novas tabelas sem abrir mão da possibilidade de trabalhar com diversas colunas simultaneamente.

#VamosEmFrente