PageNavigation

O PageNavigation compreende a barra de navegação sendo obrigatória em todas as telas de conteúdo internas da aplicação mobileX. Através do PageNavigation, é possível disponibilizar informações de título da página e uma ou várias ações em ambos os lados.

Propriedades gerais:

• Barra de navegação inicial das telas de CMS.

• Recebe um título principal e pode ter ações à esquerda e à direita;

• Deve ser obrigatoriamente ser definida no mapeamento do Endpoint pois, em caso de ausência de retorno do serviço, a tela precisa conter minimamente esta barra e exibir a mensagem erro.

• Pode ser sobrescrita dentro do objeto que irá construir a tela.

Sintaxe seção do PageNavigation

"pageNavigation": {
"background": "",
"color": "",
"title": "",
"left": {"actions": [...] },
"right":{"actions": [...] }
}

Propriedade	Descrição
background	Customiza a cor da barra de navegação. Se o atributo for vazio ou nulo, receberá a cor definida nas configurações do endpoint através do atributo “colorBase”.
color	Customiza a cor da fonte da barra de navegação. Se o atributo for vazio ou nulo, receberá a cor definida nas configurações do endpoint através do atributo “colorBaseFont”.
title	Customiza o título da barra.
left	Lista de ações que podem ser disponibilizadas no lado esquerdo da barra.
right	Lista de ações que podem ser disponibilizadas no lado direito da barra.

Template

Estrutura do template do PageNavigation

• A1: Área de actions definida por pageNavigation.left

  • Permite de 1 a N actions, mas apenas até 2 ações visíveis, organizadas pelo “order” da action.

  • Se actions null ou 0, o espaço é ocultado.

  • Se actions = 1 ou 2, exibe as actions na barra, da esquerda para a direita.

  • Se actions > 2, exibe action 0 na barra na posição mais à esquerda e exibe em seguida o menu para acesso às demais actions através de menu suspenso.

• A2: Título da página da página.

• A3: Área de actions definida por pageNavigation.right.

  • Permite de 1 a N actions, mas apenas até 2 ações visíveis, organizadas pelo “order” da action.

  • Se actions null ou 0, o espaço é ocultado.

  • Se actions = 1 ou 2, exibe as actions na barra, da esquerda para a direita.

  • Se actions > 2 exibe action 0 na barra na posição mais à esquerda e exibe em seguida o menu para acesso às demais actions através de menu suspenso.