Organizando Widgets, Layout e Bookmarks

Depois que o painel começa a crescer, o problema deixa de ser “como criar um gráfico” e passa a ser “como manter esse conjunto organizado”. É exatamente para isso que existem os recursos de visualização, layout, widgets, camadas e bookmarks.

1. Bookmarks

Bookmarks salvam um estado do painel para reaplicação futura. Eles são muito úteis quando a mesma tela precisa ser apresentada sob contextos diferentes.

O que o bookmark guarda

No projeto atual, o bookmark registra elementos como:

• filtros do dashboard
• filtros de página
• layout dos widgets
• filtros e contexto visual dos widgets

Exemplos de uso

• estado “Diretoria”
• estado “Operação do dia”
• estado “Filial Norte”
• estado “Revisão financeira”

2. Navegador de widgets

No bloco Widgets, o dashboard lista todos os widgets da aba atual. Esse recurso é especialmente importante quando a página já possui muitos elementos. Em vez de depender apenas da busca visual na área central, o usuário pode localizar um item pelo título ou pelo tipo, filtrar a lista para enxergar apenas os widgets visíveis, ocultos, travados ou editáveis, alterar a ordenação e abrir diretamente o item correto para edição. Em um painel grande, isso economiza tempo e reduz erro. Imagine, por exemplo, uma página com dezoito widgets diferentes. Em vez de procurar manualmente um gráfico pequeno no meio da tela, a pessoa pode pesquisar por “manutenção”, localizar o widget certo e abri-lo sem sair tentando descobrir em qual parte da grade ele está.

3. Camadas

O painel também possui um bloco chamado Camadas. Ele controla a ordem visual dos widgets.

Para que isso serve

Em telas mais complexas, principalmente com widgets próximos entre si, a ordem pode influenciar a percepção de sobreposição e destaque.

Ações disponíveis

• Topo
• Subir
• Descer
• Base

Exemplo de uso

Se um widget importante precisa ganhar destaque visual ou ficar na frente de outro na ordem da composição, a camada resolve esse problema.

4. Layout global

O bloco Layout da lateral esquerda ajuda a reorganizar muitos widgets de uma vez. Ele oferece recursos como Snap, ajustes gerais de Largura e Altura, o modo Grade 3 colunas e também alguns tamanhos prontos, como 6x2, 6x3, 8x3, 12x3, 12x4 e 24x6. Na prática, isso é útil quando a página foi montada de forma irregular e precisa ganhar padronização, quando a equipe está preparando uma tela para televisão, quando os KPIs precisam ficar alinhados para leitura rápida ou quando um painel vai ser apresentado e precisa de reorganização visual sem exigir ajuste manual widget por widget.

5. Ajuste de layout por widget

Além do layout global, cada widget possui sua própria seção Layout na lateral direita. Nela é possível:

• definir largura
• definir altura
• aplicar preset individual

Isso é útil quando a maioria dos widgets está correta, mas um ou dois precisam de ajuste fino.

6. Travar, ocultar, duplicar e excluir

Na própria área central e no navegador de widgets, existem ações de administração rápida. Elas ajudam a manter a página sob controle mesmo quando o painel está grande ou quando várias pessoas participam da validação da tela.

7. Modo leitura e bloqueio do painel

O cadeado da barra superior bloqueia o painel para edição. Isso é importante em contextos como:

• reunião executiva
• operação com muitos usuários olhando a tela
• ambiente de homologação
• uso em televisão

8. Desfazer e refazer

O dashboard possui histórico recente de alterações. Isso ajuda muito quando a pessoa está experimentando opções, porque permite voltar atrás após trocar o tipo de widget, desfazer um layout que não ficou bom ou recuperar um ajuste perdido durante a edição. Para público leigo, esse recurso é importante porque reduz o medo de explorar a ferramenta.

9. Estratégias recomendadas de organização

Uma boa organização não serve apenas para “deixar bonito”. Ela reduz erro de leitura, acelera reuniões e torna o painel reutilizável no dia a dia.