Função

O componente Menu Dinâmico possibilita para ter acesso às páginas do seu projeto. Como mostrado na figura abaixo (Figura 1), ele é utilizado na aplicação no componente Barra de navegação.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 contexto, é utilizado para facilitar o acesso as outras páginas da aplicação.

Image Added

Image RemovedFigura 1 - Exemplo do componente rodando no browser

O componente Menu Dinâmico é responsivo, ou seja, em telas pequenas ele muda o seu formato para um menu vertical, melhorando a usabilidade para o usuário (Figura 1.1).

Image Added

Figura 1.1 - Menu Dinâmico responsivo

Principais propriedades

Propriedades

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

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 2 não é possível adicionar mais itens, ou seja, os itens do nível 2 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.2 - Níveis de profundidade dos menus

Criar

item

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

Image Removed

Figura 2.3 - Processo para criação de menu/item nível 1

Para adicionar um item de nível 2, faça o mesmo procedimento informado acima, porém, ao invés de selecionar Principal, selecione onde deseja criar o item de nível 2 e clique em + (Adicionar item) (Figura 2.4).

Image Removed

Image Added

Figura 2.2 Figura 2.4 - Processo para criação de item nível 21

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).

Image Added

Figura 2.3 - 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.5 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 arquivos

Outra forma de adicionar item ao Menu dinâmico é a partir do recurso de Drag and Drop (arrastar e soltar). Selecione um formulário e solte-o na área de edição, 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".

Esse recurso irá funcionar independentemente da configuração do Modo Avançado.

Image Added 

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