Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
Função
A barra de navegação é um componente que já vem por padrão na tela menu.view.html e será visível por todas as outras páginas, 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 - Componente sendo executado pelo Cronapp Browser
Propriedades do componente
Na tabela abaixo estão descritas as principais propriedades para o funcionamento básico do componente.
Nome | Propriedade | Função |
---|---|---|
Configuração | options | Abre a janela de configurações da barra de navegação. |
Classes CSS | class | Adiciona classes CSS que já foram criadas. |
Exibir | ng-show | Propriedade AngularJS usada para mostrar ou oculta o componente. |
Identificador | id | Atributo que especifica um ID exclusivo para o componente. Por padrão um id é gerado automaticamente e atribuído ao componente. |
Segurança | cronapp-security | Propriedade do Cronapp que trata as permissões de segurança da aplicação. Usado para permitir ou não edição e visualização do componente com base nos perfis selecionados. |
Configuração
A propriedade configuração 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
Para acessara janela
Opções de Menu
, selecione o componente no editor visual e clique no botão "..." que aparece ao lado do campo Configuração(Figura 2.1).
Figura 2.1 - Janela de opções do menu
Adicionar novo item
;
Excluir o item
selecionado;
Área que exibe a árvore hierárquica para seleção dos itens
Propriedades do menu ou item selecionado.
;
Propriedades do item selecionado.
Aba Adicional
A aba adicional da janela de opções define a posição e o tema tanto do texto quanto do ícone do item selecionado.
Image Added
Figura 2.2 - Aba adicional da janela de opções
- Posição do texto: define a posição do texto do item selecionado, podendo ser na esquerda, no centro ou na direita;
- Posição do ícone: define a posição do ícone do item selecionado, podendo ser na esquerda ou na direita;
- Tema do ícone: define o tema do ícone do item selecionado, podendo ser: assertive, balanced, energized, light, stable, calm, positive, royal e dark.
- Tema do texto: define o tema do texto do item selecionado, podendo ser: assertive, balanced, energized, light, stable, calm, positive, royal e dark.
Hierarquia dos menus
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 menu e itens na barra de navegação
. Se criarmos um item logo abaixo dele, ele virará automaticamente um item do nível 0.
Nome em inglês
Navbar
Nessa página
Índice
Compatibilidade
Formulário mobile
Equivalente web