Estrutura de Telas

As telas de uma app mobileX estão estruturadas dentro de um objeto padrão, obedecendo o layout descrito nessa seção.

PageNavigation

• Barra de navegação da tela;

• Item obrigatório;

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

• Deve ser obrigatoriamente definida no mapeamento do Endpoint ou no JSON do serviço.

PageHeader

• Barra de cabeçalho da tela;

• Pode conter imagens ou texto com estrutura html;

• Pode possuir Actions localizadas à esquerda ou na linha inferior do cabeçalho;

• Item não obrigatório.

PageContent

• Área de conteúdo da tela;

• Suporta diversos tipos de listagens e templates;

• Pode ser dividida ou não seções (tabs);

• Suporta agrupamento de itens de listagem;

• Suporta paginação;

• Suporta tanto uma template única ou templates específicas por agrupamento.

PageFooter

• Área de rodapé que exibe listas de ações em botão flutuante.

PageSearch

• Área para pesquisa no conteúdo do pageContent;

• Filtro aplicado no texto de um agrupamento ou no value do primeiro detail de um item de célula;

• Filtro só funciona no conteúdo já carregado sem envio de qualquer requisição HTTP;

• Item opcional.

Estrutura básica de tela utilizando linguagem X

{
"pageNavigation": {...},
"pageHeader": {...},
"pageContent": {...},
"pageFooter": {...}
}