Menu de navegação dinâmica usando filtros do LuckyTemplates

Neste tutorial, mostrarei como você pode criar o menu de navegação dinâmico definitivo usando filtros no LuckyTemplates. Isso aumentará a experiência do usuário em seus relatórios do LuckyTemplates. Você pode assistir ao vídeo completo deste tutorial na parte inferior deste blog.

Você tem muitas opções no LuckyTemplates. Você pode ter filtros que são mostrados na página e menus de navegação que o direcionam para diferentes páginas do seu relatório. Você pode ter um menu de filtros dinâmicos que podem ser abertos e fechados ao clicar em botões específicos. Você também pode criar um menu de filtro totalmente dinâmico que pode ser aberto ao clicar em um botão, mas pode ser fechado ao clicar.

Mostrarei como criar esse menu e como você pode implementar a mesma técnica em seus relatórios.

Índice

• Como adicionar um menu de navegação dinâmico
  • Criando o botão em branco
  • Renomeando os Elementos
  • Mantendo a Ordem das Camadas
  • Criando os marcadores para um menu de navegação dinâmico
• Conclusão

Como adicionar um menu de navegação dinâmico

Primeiro, vamos abrir o painel Seleção e também o painel Marcador . Abaixo está o relatório que criei e você pode ver no painel Seleção que criei um menu de navegação. Este menu de navegação é composto por todos os elementos dentro do menu dinâmico.

É muito importante que você agrupe todos os elementos e os coloque em ordem decrescente. Como você pode ver, tenho os títulos, os filtros, a forma e, em seguida, tenho um botão Fechar.

Criando o botão em branco

Este botão Fechar é na verdade um botão em branco, então vamos criar um.

Vamos para a guia Inserir , depois para Botões e, em seguida, selecionamos Em branco .

É um botão em branco que foi posicionado assim, cobrindo toda a página, esticando-a totalmente. Em seguida, desligamos o fundo.

Renomeando os Elementos

Como você pode ver, todos os elementos que criamos na página serão indicados no topo da Seleção. Portanto, temos que clicar duas vezes nele e renomear o elemento . Será fácil entender o que estamos vendo.

E então, arrastamos para baixo até a posição que achar necessário.

Você pode ver que também criei uma pequena imagem que mostra um ícone, o que significa que os filtros serão limpos.

Mantendo a Ordem das Camadas

Agora que criamos o menu e os botões, nomeamos os itens e os agrupamos na ordem correta, temos que garantir que mantemos a ordem das camadas . Isso significa que todos os elementos nesta página devem ter a opção Manter a Ordem das Camadas ativada . Isso é muito importante para manter o menu sempre abaixo dos outros elementos do menu. É o mesmo caso para o botão Em branco, que deve estar em nosso Menu Forma.

Criando os marcadores para um menu de navegação dinâmico

A próxima coisa que precisamos fazer para configurar nosso menu dinâmico é criar marcadores. Então, vamos criar um marcador e vamos chamá-lo de Navigation Open . Se clicarmos nele, temos mais opções e podemos ver que temos Dados, Exibição, Página atual e Todos os visuais selecionados por padrão. Não queremos ter todas essas opções selecionadas.

Por exemplo, se tivermos Dados selecionados, e o usuário final selecionar outro campo na página, digamos Todas as Datas, quando abrir o menu, a seleção não ficará visível na tela. Então nós não queremos isso.

Também não queremos ter All Visuals selecionado. Queremos ter apenas o menu de navegação aberto. Então vamos clicar em Navigation, depois clicar em Navigation Open, e então escolher Selected Visual.

Agora, queremos dar uma ação a este botão . Portanto, este botão também é um botão em branco que tem uma ação para ir, digamos, Navegação aberta, que é o marcador que acabamos de criar.

Portanto, com este marcador, a página não será alterada se abrirmos o menu. Por exemplo, se eu fizer uma seleção na página, digamos, os últimos 6 meses, os resultados da página mudarão. E então, quando clico no menu, você pode ver que todas as seleções que fiz antes ainda estão lá.

O segundo marcador que queremos fazer é o menu de fechamento. Então, vamos chamá-lo de marcador de Fechamento de Navegação . Mais uma vez, vamos às opções, retiramos Dados, escolhemos Visuais selecionados e atualizamos.

Para a ação, vamos para Button Close Navigation, então selecione Navigation Close.

Com isso, podemos abrir o menu e fechá-lo se clicarmos nele. Se clicarmos dentro dele, ele permanecerá aberto.

Conclusão

Estas são as etapas necessárias para criar um menu de navegação dinâmico. Você deve criar seu menu com os botões, agrupá-los dando-lhes nomes próprios e certificar-se de que todos os elementos tenham a opção Manter a Ordem das Camadas ativada.

Em seguida, você deve criar ações para abrir o menu, o filtro em branco na página e três marcadores.

Por hoje é isso. Espero que você ache este tutorial útil. Tenho certeza de que, ao implementar essas etapas simples, você poderá criar os mesmos tipos de menus em seus relatórios do LuckyTemplates .

Tudo de bom!

Experiência de navegação de relatório de alta qualidade do LuckyTemplates
Aplicativos do LuckyTemplates e ideias brilhantes de navegação
Técnicas de navegação detalhadas do LuckyTemplates