Buscar K
Aparência
Aba Dashboards
A aba Dashboards é onde se criam e editam as telas visuais da Aplicação, posicionando Widgets (gráficos, KPIs, mapas) em um grid responsivo que se adapta a diferentes tamanhos de tela.
🖥️ Visão Geral da Interface
A tela de edição é dividida em quatro áreas:
- Barra de Dashboards — Lista de Dashboards com abas clicáveis para navegação rápida
- Canvas de Edição — Grid (grade) onde os Widgets são posicionados e redimensionados
- Sidebar Direita — Propriedades e configurações do Widget selecionado
- Barra de Filtros — Permite testar filtros durante a edição para validar o comportamento dos dados
📋 Gerenciando Dashboards
Criar Novo Dashboard
- Clique no botão "+" ou "Novo Dashboard"
- Preencha:
- Nome: Título que aparecerá na aba
- Colunas: Quantidade de colunas do grid (12, 24, 36 ou 60)
- Widgets Flutuantes: Permite posicionamento vertical livre
- Criar usando IA: Abre o assistente de IA para sugerir Widgets automaticamente
- Clique em Criar
Editar Dashboard
Clique com o botão direito na aba da Dashboard e selecione Editar para alterar:
- Nome
- Quantidade de colunas do grid
- Widgets Flutuantes
Clonar Dashboard
Clique com o botão direito e selecione Clonar para criar uma cópia exata da Dashboard. Útil para criar variações sem reconfigurar do zero.
Excluir Dashboard
Clique com o botão direito e selecione Excluir. Uma confirmação será solicitada antes da remoção.
Reordenar Dashboards
Arraste as abas das Dashboards para alterar a ordem de exibição na Aplicação.
📐 Sistema de Grid
As Dashboards utilizam um grid (grade) responsivo para posicionar os Widgets com precisão.
Colunas do Grid
| Colunas | Uso Recomendado |
|---|---|
| 12 | Dashboards simples, poucos Widgets |
| 24 | Uso geral, boa precisão de posicionamento |
| 36 | Dashboards complexos, muitos Widgets |
| 60 | Precisão máxima, Widgets pequenos e detalhados |
Widgets Flutuantes
Quando ativado, permite posicionar Widgets em qualquer posição vertical, ignorando o empilhamento automático. Útil para layouts onde Widgets devem ficar lado a lado com alturas diferentes.
🧩 Trabalhando com Widgets
Adicionar Widget
- Abra a Sidebar de Widgets (ícone no menu ou arraste da Sidebar esquerda)
- Escolha o tipo de Widget desejado
- O Widget aparece no Canvas para posicionamento
Mover e Redimensionar
- Arrastar: Clique e arraste para mover o Widget na grade
- Redimensionar: Arraste as bordas ou cantos do Widget para ajustar o tamanho
Configurar Widget
Clique no Widget para selecioná-lo. A Sidebar direita exibirá todas as opções de configuração:
- Título e subtítulo
- Fonte de dados (colunas e Expressões)
- Cores e estilos visuais
- Comportamentos interativos (drill-down, cross-filtering)
Excluir Widget
Selecione o Widget e pressione Delete, ou clique no ícone de lixeira na Sidebar.
📱 Editor Modo Mobile
O editor permite configurar como a Dashboard se comporta em dispositivos móveis:
- Ocultar Widgets no mobile — Alguns Widgets podem ser removidos da visualização mobile para otimizar a experiência em telas pequenas
- Reordenar Widgets — A ordem dos Widgets pode ser diferente no mobile para priorizar as informações mais relevantes
Utilize o ícone de dispositivo móvel na barra de ferramentas para alternar entre os modos de edição desktop e mobile.
🔧 Barra de Filtros na Edição
Durante a edição, é possível aplicar filtros para testar como os Widgets se comportam com dados filtrados. Os filtros aplicados durante a edição são temporários e não afetam outros usuários.
🤖 Criação com IA
Ao marcar "Criar usando IA" na criação de uma Dashboard:
- Uma nova Dashboard vazia é criada
- A Sidebar de IA é aberta automaticamente
- Descreva em linguagem natural o que deseja visualizar ("Criar Dashboard de vendas com KPIs e gráfico de evolução mensal")
- A IA sugere Widgets baseados nas Tabelas e Expressões disponíveis na Aplicação
O que a IA analisa?
A IA não cria Widgets aleatórios. Ela analisa:
- Tabelas disponíveis na Aplicação e suas colunas
- Relacionamentos definidos entre as Tabelas
- Rótulos das colunas (por isso é importante utilizar nomes descritivos na modelagem)
TIP
A qualidade da Dashboard gerado pela IA depende muito da modelagem prévia. Relacionamentos corretos, rótulos claros e Fatos (Conceitos IA) bem definidos resultam em Dashboards mais relevantes e funcionais.
⌨️ Atalhos de Teclado
| Atalho | Ação |
|---|---|
Delete | Remove o Widget selecionado |
Ctrl + S | Salva as alterações |
💡 Boas Práticas
- Comece pelo grid de 12 colunas — Aumente as colunas apenas se houver necessidade de mais precisão no posicionamento
- Agrupe Widgets relacionados — Mantenha métricas do mesmo tema próximas para facilitar a leitura
- Use espaço em branco — Não sobrecarregue a tela com Widgets; o respiro visual melhora a compreensão
- Teste em diferentes tamanhos — Verifique como a Dashboard se comporta em telas menores e dispositivos móveis
- Nomeie Dashboards claramente — Utilize nomes descritivos para facilitar a navegação entre as abas