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 (web) e,  nesse nesse contexto,  é utilizado para facilitar o acesso as outras páginas do sistema.é utilizado para facilitar o acesso as outras páginas da aplicação.

Image Added

Image RemovedFigura 1 - Exemplo do componente rodando no browser

Principais propriedades

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

Aba de Estilos

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

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 Configurações (Figura 1.12).

Image RemovedImage Added

Figura 1.1 2 - 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.

1. .

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 (ou menu) que se encontra dentro do menu de nível 0;
• Nível 2: é um item (ou menu) 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.

Image Removed

• assim por diante até o nível 9. 

Image Added

Figura 2.1 Figura 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 32.2). Clique e arraste o item criado para reordená-lo.

Image Removed

Image Added

Figura 2.2 Figura 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 2.3.1).

Image RemovedImage Added

Figura 2.3 .1 - Removendo item

Campos do menu ou item

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

Image RemovedImage Added

Figura 2.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.

Drag and Drop da árvore de recursos

Outra forma de adicionar item ao Menu dinâmico é a partir do recurso de Drag and Drop (arrastar e soltar). Selecione um formulário da árvore de recursos, arraste e solte-o na área de edição do formulário, em cima do componente Menu dinâmico (Figura 3). O menu de contexto Criar Componente será aberto, selecione a opção Formulário > (+) (destaque 1) para adicionar o item arrastado no nível 1 (no mesmo nível que "Home" e "Admin") ou navegue entre os menus de contextos para adicionar o item em outro local, por exemplo, Formulário > Home > (+) (destaque 2) e o item arrastado será de nível 2, dentro de "Home".

Image Added 

Figura 3 - Adicionando um item ao menu através do Drag and Drop