Menu C
Template Menu C
Formato
Lista com elementos quadrados.
Imagem
Não se aplica.
Conteúd
detail.order = 0 define o conteúdo dentro do quadrado.
Ações
Quando múltiplas: Menu suspenso é exibido.
Quando única: Ação será executada.
Observação
Para o portal especificamente, é possível adicionar a propriedade removePadding=true, em uma tag HTML dentro do itemsList[x].details[y].value, para que a margem superior e inferior sejam removidas, fazendo com que os itens do template MENU C fiquem mais próximos uns dos outros.
Ex:
itemsList[x].details[y].value = "<h1 removePadding=true>Título 1</h1>"
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 quadrado.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.
D2
pageContent.groupList(x).itemList(y).detail(z)define o conteúdo da célula.Suporta html flexível com conteúdo centralizado.
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-C",
"left": {
"actions": [
{
"order": "0",
"name": "back"
}
]
}
},
"pageHeader": {
"template": "B",
"background": "#482073",
"color": "#fff",
"logo": "https://api.mobilecare.com.br/integration/demo/resources/mobilex-demos/logo-mobilex-b.png"
},
"pageContent": {
"background": "#482073",
"totalPages": 1,
"currentPage": 1,
"hasGroupBy": true,
"groupList": [
{
"template": "MENU-C",
"title": "LABEL DO AGRUPAMENTO DO MENU",
"background": "#482073",
"color": "#FFF",
"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,
"permissionLevel": 1,
"background": "#efefef",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"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,
"permissionLevel": 1,
"background": "#efefef",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"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,
"permissionLevel": 1,
"background": "#efefef",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#efefef",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#efefef",
"color": "#A11480",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"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,
"permissionLevel": 1,
"background": "#efefef",
"color": "#A11480",
"details": [
{
"order": 0,
"value": "<i class='icon-large' style='color:#EE8113'></i><br><h3> Lorem Ipsum </h3>"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
}
]
}
]
}
}Last updated