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 contexto, é utilizado para facilitar o acesso as outras páginas da aplicação.

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

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

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 assim por diante até o nível 9. 

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

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

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

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

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