Solução robusta para destacar o botão do menu

Solução robusta para destacar o botão do menu

Se você criou um menu no TARGIT que deve ajudar os usuários finais a navegar entre vários painéis/documentos separados, a maioria das pessoas espera que tal menu funcione como estão acostumados nas páginas da web.

Uma das funcionalidades padrão das páginas web é a capacidade de destacar o menu selecionado, como neste exemplo de uma página web da Microsoft:

mceclip1.png

 

A TARGIT está planejando adicionar destaque de botão de menu como um recurso padrão, mas até que isso aconteça (não aconteceu com o lançamento de inverno de 2022), você mesmo terá que encontrar uma solução criativa.

Esta dica mostrará como você pode trabalhar com objetos de menu de duas camadas para conseguir isso. O menu da camada superior fornecerá a navegação do documento, enquanto o menu da camada inferior fornecerá o destaque do botão.

 

Menu em camadas superiores

O menu da camada superior é criado a partir de vários itens de menu (botões) semelhantes, e cada item de menu deve ter estas características:

  • Um gatilho para abrir o documento necessário.
  • Um texto – geralmente o nome do documento que está sendo acionado.
  • Fundo transparente.
  • Importante : Uma altura fixa (para menus verticais) ou uma largura fixa (para menus horizontais)

Exemplo:

mceclip2.png

mceclip3.png

O menu da camada superior deve ser salvo como um menu vinculado, pois será reutilizado em vários documentos e, se for necessária a expansão da lista de menus, a expansão será exibida automaticamente em todos os documentos onde o menu vinculado for usado.

 

Menu em camadas inferiores

O menu da camada inferior deve conter:

  • Muitos itens de menu em branco
  • Itens de menu de uma única cor
  • Sem gatilhos ou qualquer outra coisa nos itens do menu
  • Importante : esses itens de menu devem ter a mesma altura/largura que os itens de menu na camada superior

Exemplo:

mceclip4.png

Observe que neste exemplo, o terceiro item do menu estará destacado. Para destacar outro botão, basta mover o ‘Fundo do Menu’ para uma posição diferente.

 

Combinando os dois menus

Ao alinhar esses dois menus um sobre o outro em um painel, você terá a impressão de que um dos botões do menu está destacado:

mceclip5.png

Embora o menu da camada superior deva ser reutilizado como um menu vinculado, o menu da camada inferior só deve ser copiado de um painel para outro. No novo documento, precisaremos apenas mover o 'Fundo do Menu' para sua posição correta, o que pode ser feito facilmente arrastando e soltando na lista de Itens do Menu.

    • Related Articles

    • Como criar um Menu para a página inicial?

      Dúvida Como criar um Menu para a página inicial? Ambiente TARGIT BI Versão Update 4.1 build 210825001 Projeto Enterprise e Lite. Solução Geralmente, uma página inicial comum é criada como um documento com atalhos que interligam os usuários finais com ...
    • Menus para dashboards - Inserir menu do arquivo

      Dúvida Como dar manutenção no menu completo de forma simultânea? Ambiente TARGIT Client Solução Para manter a identidade visual da empresa costumamos manter as mesmas cores e padrões para melhor visualização das informações. Pensando na manutenção ...
    • Como fazer para exportar para o Excel o nome da tabela e não "Crosstab1" etc?

      Dúvida Como fazer para exportar para o Excel o nome da tabela e não "Crosstab1" etc? Ambiente TARGIT BI Versão Update 4.1 build 210825001 Projeto Enterprise e Lite. Solução Clicar na aba "Lista de objetos" ou simplesmente pressionar F11: Quando ...
    • Como alterar o nome da tabela cruzada para exportar para Excel

      Dúvida Como alterar o nome da tabela para ir com nome customizado quando exportar para o excel? Como alterar nome da tabela cruzada? Ambiente TARGIT BI Versão Update 4.1 build 210825001 Projeto Enterprise e Lite Solução Para alterar o nome da tabela ...
    • [ETL] Importar arquivo em Excel para o projeto

      Neste artigo, reunimos um passo a passo de como importar um arquivo em formato .xlsx como fonte de dados para seu projeto no TARGIT InMemory ETL Studio. Obs: Caso sua planilha não tenha nenhum tipo de relacionamento com os dados do seu principal ...