Menu B
Template Menu B
Formato
Lista com elementos circulares.
Imagem
Não possui configuração específica.
Conteúdo
detail.order = 0: define o conteúdo dentro do círculo.detail.order = 1: define o conteúdo fora do círculo.
Ações
Quando múltiplas: Menu suspenso é exibido.
Quando única: Ação será executada.
D (definições gerais da área de conteúdo da listagem)
pageContent.groupList(x).itemList(y).countdefine a quantidade de itens na lista. Se nulo ou vazio, nenhum item é exibido.pageContent.groupList(x).itemList(y).backgrounddefine a cor do background da célula. Se nulo ou vazio, a cor padrão é #FFF. Nesta template o background aplica-se apenas ao interior do círculo.pageContent.groupList(x).itemList(y).colordefine a cor da fonte dos textos e ícones da célula. Se nulo ou vazio, a cor padrão é #444.
D1
pageContent.groupList(x).itemList(y).detail(0)define o conteúdo da centro do círculo da célula.Suporta html flexível com com conteúdo centralizado.
Se nulo ou vazio, o espaço é exibido.
D2
pageContent.groupList(x).itemList(y).detail(1-z)define o conteúdo da parte inferior da célula.Suporta html flexível com conteúdo alinhado à esquerda.
Se nulo ou vazio, o espaço é exibido.
D3
pageContent.groupList(x).actionsdefine a lista de ações do item.Suporta de 1 a N actions:
Se actions = 1 então toque na célula executa a action.
Se actions > 1 então todas as actions devem ser exibidas em um menu suspenso no toque da célula.
{
"pageNavigation": {
"background": "#482073",
"title": "MENU-B",
"left": {
"actions": [
{
"order": "0",
"name": "back"
}
]
}
},
"pageHeader": {
"template": "B",
"background": "#482073",
"color": "#482073",
"logo": "https://api.mobilecare.com.br/integration/demo/resources/mobilex-demos/logo-mobilex-b.png"
},
"pageContent": {
"background": "#FFF",
"totalPages": 1,
"currentPage": 1,
"hasGroupBy": true,
"groupList": [
{
"template": "MENU-B",
"title": "LABEL DO AGRUPAMENTO DO MENU",
"background": "#FFF",
"color": "#482073",
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"path": "",
"parameters": [
{
"title": "",
"value": "[email protected]"
}
]
}
],
"itemsList": [
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"path": "",
"parameters": [
{
"title": "",
"value": "[email protected]"
}
]
}
]
},
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"path": "",
"parameters": [
{
"title": "",
"value": "[email protected]"
}
]
}
]
},
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"path": "",
"parameters": [
{
"title": "",
"value": "[email protected]"
}
]
}
]
},
{
"publishLevel": 1,
"background": "#f8f8f8",
"color": "#482073",
"details": [
{
"order": 0,
"value": "<i class='icon-large text-default'></i>"
},
{
"order": 1,
"value": "Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
}
]
}
]
}
}Menu B Full
Formato
Lista com elementos circulares um do lado do outro com tamanho total da página.
Formato responsivo
Lista com elementos retangulares
Imagem
Não possui configuração específica.
Margem superior
Suporta a propriedade templateMarginTop
Background
define a cor de fundo do template
Last updated