Função

A barra de navegação do mobile é um componente que já vem por padrão na tela menu (localização: Formulários/Mobile/Autenticado/ 

) e é exibido sempre que o usuário tocar no ícone sanduíche (lado esquerdo ou direito) do componente Cabeçalho da aplicação, facilitando a navegação entre as páginas do sistema telas da aplicação mobile. Essa barra possui itens, que serão os links para as outras páginastelas.

Image RemovedImage Added

Figura 1 - A barra de navegação é exibida ao clicar no ícone sanduíche da esquerda ou direita

Propriedades do componente

Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.

Configuração

Essa janela agrupa a maioria das propriedades deste componente, como inserção dos itens, definição dos rótulos, da segurança e outros.

Ao selecionar o componente na área de edição de páginas (destaque 1 da figura 2.1), você poderá acessar a aba de propriedades no lado direito da tela. O botão "..." que aparece ao lado do campo Configuração permite e permite que você abra a janela Opções de Menu (Figura 2.1).

Image RemovedImage Added

Figura 2.1 - Janela de opções do menu

1. Componente Barra de navegação na tela de menu mobile;
2. Adicionar novo item;

3. Excluir o item selecionado;

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

5. Exibe as propriedades do item selecionado na árvore (3).
   Possui as abas:

   • Opções;
   • Adicional.

Hierarquia dos itens

A barra de navegação pode ser definida em níveis quando se encontra no modo de configuração. O nível 0 (Principal) é a barra de navegação em si. Após isso, vem o(s) item(ns) os itens dessa barra, que se encontram no nível 1.

Após o nível 1 não é possível adicionar mais itens, ou seja, os itens do nível 1 não podem ter subitens conter itens - se criarmos um item logo abaixo dele, ele virará automaticamente um item do nível 01. No entanto, não existe limites para criação de itens na barra de navegaçãonível 1.

Image RemovedImage Added

Figura 2.2 - Níveis de profundidade dos itens

Criar item

Para criar um item de nível 1, selecione Principal  (nível 0) e clique em + (destaque 1 da Figura 2.3)em "+", informe um nome na janela que será exibida (2) e clique em OK (Figura 2.3).

Image RemovedImage Added

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

Arraste o novo item para mudar sua posição no menu (Figura 2.4).

Image Added

Figura 2.4 - Alterar a posição entre os itens do menu

Remover item

Para excluir um item, selecione-o na árvore hierárquica, e clique no botão Remover (destaque 1 na Figura 2.4), finalize clicando em OK na janela de confirmação (2).

Image RemovedImage Added

Figura 2.4 5 - Processo de remoção do item nível 1

Aba Opções 

A tabela abaixo exibe a função de cada campo da aba Opções.  Cada Cada item da árvore hierárquica exibe uma configuração diferente, clique sobre um item para atualizar os campos da aba opções:.

Image RemovedImage Added

Figura 2.5 6 - Opções das propriedades

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

2. Exibe o ícone selecionado para o item;

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

4. Limpa o campo da propriedade selecionada.

Aba Adicional

A tabela abaixo exibe a função de cada campo da aba Adicional.  Cada Cada item da árvore hierárquica exibe uma configuração diferente, clique sobre um item para atualizar os campos da aba Adicional:.

Image Added

Figura 2.7 - Aba adicional da janela Opções de Menu

Image Removed

Drag and Drop da árvore de recursos

Outra forma de adicionar à Barra de navegação é 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 Barra de navegação (Figura 3). O menu de contexto Criar Componente será aberto, selecione a opção Formulário > (+) para adicionar o item arrastado no nível 1.

Image Added 

Figura 3 - Adicionando um item ao menu através do Drag and DropFigura 2.6 - Aba adicional da janela de opções