Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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 e, nesse contexto, é utilizado para facilitar o acesso as outras páginas do sistema..
Image ModifiedFigura 1 - Exemplo do componente rodando no browser
Principais propriedades
Na tabela abaixo estão descritas as principais propriedades do componente.
Nome | Propriedade | Função | |||
---|---|---|---|---|---|
Identificador | id | ID do componente. | |||
Estilo | style | Altera o estilo geral do componente da forma inline. | |||
Opções | options | Abre a janela de configuração do Menu Dinâmico. | |||
Valor alternativo | alt | Valor alternativo do componente. | |||
Classes CSS | class | Adiciona classes CSS que já foram criadas. | Conteúdo | content | Define o rótulo . |
Aba de Estilos
Na tabela abaixo estão descritos os tipos de estilos disponíveis para o componente Menu Dinâmico.
Nome | Propriedade | Função |
---|---|---|
Item principalGeral | Main itemGeneral | Estiliza o item principal do componente. |
Item principal aberto | Open main 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. |
Configuração
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).
Image Modified
Figura 1.1 - Configuração do Componente Menu Dinâmico
Adicionar novo item ou menu;
Excluir o item ou menu selecionado;
Área que exibe a árvore hierárquica para seleção dos itens e menus;
Propriedades do menu ou item selecionado.
Dica | ||
---|---|---|
| ||
Um item possui apenas um nível e o menu possui itens dentro delepode possuir até 10 níveis hierárquicos. Por exemplo, o menu Admin possui os itens: usuários, log de auditoria e grupos.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 |
Hierarquia dos menus
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 2 10 não é possível adicionar mais itens, ou seja, os itens do nível 2 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.
Image Modified
Figura 2. 2 - Níveis de profundidade dos menus
Criar item
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 2. 3). Clique e arraste o item criado para reordená-lo.
Image Modified
Figura 2. 3 - Processo para criação de item nível 1
Remover item
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 23.41).
Nota | ||
---|---|---|
| ||
Ao excluir um menuitem, todos os seus itens subitens serão excluídos. |
Image Modified
Figura 23.4 1 - Removendo item
OpçõesCampos do menu ou 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. |
Informações |
---|
Para saber mais sobre a segurança no Cronapp, acesse a documentação Permissão de Segurança. |
Figura 2.5 4 - Opções das propriedades
Abre a janela para tradução dos rótulos do item ou menu selecionado;
Exibe o ícone selecionado para o menu ou item;
Abre a janela de configuração da propriedade selecionada;
Limpa o campo da propriedade selecionada.
Nome em inglês
Dynamic Menu
Nesta página
Índice
Compatibilidade
- Formulário web
Equivalente mobile
Não possui.
Botão do Componente
Image Modified
Imagem no Editor Visual
Image Modified