Você está vendo a versão antiga da página. Ver a versão atual.

Comparar com o atual Ver Histórico da Página

« Anterior Versão 15 Próxima »

Função

O componente Menu Dinâmico permite gerenciar menus e seus itens, adicionando ações específicas para cada elemento, como abrir um novo formulário ou executar um bloco de programação. O Menu Dinâmico é um subcomponente da Barra de navegação e, nesse contexto, é utilizado para facilitar o acesso as outras páginas do sistema.


Figura 1 - Exemplo do componente rodando no browser

Principais propriedades

Na tabela abaixo estão descritas as principais propriedades do componente.

NomePropriedadeFunção
IdentificadoridID do componente.
EstilostyleAltera o estilo geral do componente da forma inline.
OpçõesoptionsAbre a janela de configuração do Menu Dinâmico.
Valor alternativoaltValor alternativo do componente.
Classes CSSclass

Adiciona classes CSS que já foram criadas.

Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Menu Dinâmico.

NomePropriedadeFunção

Geral

General

Estiliza o item principal do componente.

Item aberto

Open item

Estiliza o Item principal que esta aberto no componente.

Subitem

Subitem

Estiliza o Subitem do componente.

Plano de fundo do Subitem

Subitem Background

Estiliza o plano de fundo do Subitem do componente.

Ao arrastar o componente para a área de edição aparecerá a janela Opções de Menu, configure-a seguindo os passos abaixo. Você também poderá acessá-la pela aba de Propriedades, que aparece do lado direito da tela ao selecionar o componente, clicando no botão "..." no campo Opções (Figura 1.1).


Figura 1.1 - Configuração do Componente Menu Dinâmico


  1. Adicionar novo item ou menu;

  2. Excluir o item ou menu selecionado;

  3. Área que exibe a árvore hierárquica para seleção dos itens e menus;

  4. Propriedades do menu ou item selecionado.


Dica

Um item pode possuir até 10 níveis hierárquicos. Por exemplo, A barra de navegação possui o item “Admin” que possui os subitens “Usuários”, “Log de auditoria” e “Grupos”, qualquer um desses subitens poderiam ter até mais 8 subitens dentro deles

O Menu Dinâmico pode ser definido em níveis quando se encontra no modo de configuração.

  • Nível 0 (principal): é o corpo do menu. Todos os itens ou menus serão criados dentro dele;
  • Nível 1: é um item que se encontra dentro do menu de nível 0;
  • Nível 2: é um item que se encontra dentro de menus dos níveis 1 e, por consequência, do nível 0.

Se criarmos um item dentro de outro item nos níveis 0 e 1, ele virará automaticamente um menu.

Após o nível 10 não é possível adicionar mais itens, ou seja, os itens do nível 10 não podem se tornar menus. No entanto, não existem limites para criação de menu e itens na barra de navegação.



Figura 2 - Níveis de profundidade dos menus

Para criar um item de nível 1, selecione Principal (nível 0) e clique em + (Adicionar item), informe um nome na janela que será exibida e clique em OK (Figura 3). Clique e arraste o item criado para reordená-lo.


Figura 3 - Processo para criação de item nível 1

Para excluir um item ou menu, selecione-o na árvore hierárquica e clique no botão Remover. Finalize clicando em OK na janela de confirmação (Figura 3.1).

Atenção

Ao excluir um item, todos os seus subitens serão excluídos.


Figura 3.1 - Removendo item

A tabela abaixo exibe a função de cada uma das propriedades da janela de opções

Nome

Função

Nome

Identifica o item ou menu da árvore hierárquica.

Título

Rótulo que será exibido no menu ou item.

Ícone

Ícone que será exibido no lado direito do rótulo.

Oculto

Permite ocultar o menu ou item da barra de navegação através de uma expressão ou bloco de programação.

Ação

Define alguma ação a ser tomada no clique.

*Não é necessário adicionar nenhuma ação para expandir os itens nos menus.

Segurança

Define os grupos de acesso que poderão visualizar e acessar os itens ou menus.

Para saber mais sobre a segurança no Cronapp, acesse a documentação Permissão de Segurança.


Figura 4 - Opções das propriedades


  1. Abre a janela para tradução dos rótulos do item ou menu selecionado;

  2. Exibe o ícone selecionado para o menu ou item;

  3. Abre a janela de configuração da propriedade selecionada;

  4. Limpa o campo da propriedade selecionada.

Nome em inglês
Dynamic Menu


Nesta página


Compatibilidade

  • Formulário web

Equivalente mobile

Não possui.


Botão do Componente



Imagem no Editor Visual

  • Sem rótulos