Função

A barra de navegação do mobile é um componente que já vem por padrão na tela menu (localização Low-Code: Formulários/Mobile/Autenticado/  ) será exibido sempre que o usuário tocar no ícone sanduíche (lado esquerdo ou direito) do cabeçalho da aplicação, facilitando a navegação entre as páginas do sistema mobile. Essa barra possui itens, que serão os links para as outras páginas.

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

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, você poderá acessar a aba de propriedades no lado direito da tela. O botão "..." que aparece ao lado do campo Configuração permite que você abra a janela Opções de Menu (Figura 2.1).

Figura 2.1 - Janela de opções do menu

1. Adicionar novo item;

2. Excluir o item selecionado;

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

4. 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) 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 - se criarmos um item logo abaixo dele, ele virará automaticamente um item do nível 0. No entanto, não existe limites para criação de itens na barra de navegação.

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 + (Adicionar item), informe um nome na janela que será exibida e clique em OK (Figura 2.3).

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

Remover item

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

Figura 2.4 - 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 item da árvore hierárquica exibe uma configuração diferente, clique sobre um item para atualizar os campos da aba opções:

Figura 2.5 - 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 item da árvore hierárquica exibe uma configuração diferente, clique sobre um item para atualizar os campos da aba Adicional:

Figura 2.6 - Aba adicional da janela de opções