List C
Template C
Formato
Lista vertical em formato de card.
Imagem
Não se aplica.
Conteúdo
Definido em detail.order = 0.
Ações
Dispostas na linha inferiors do card.
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 deve ser exibido.pageContent.groupList(x).itemList(y).backgrounddefine a cor do background da célula. Se nulo ou vazio, a cor padrão é #FFF.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
Área de exibição do elemento de imagem customizado para a template.
pageContent.groupList(x).itemList(y).detail(0): Se seu conteúdo iniciar com “http://" a célula interpreta a existência de uma imagem que é exibir a área com a imagem em formato de círculo; senão, a área é ocultada.
D3
pageContent.groupList(x).actionsdefine a lista de ações do item.Suporta de 1 a N actions, sendo:
1 a 6 actions: Exibe a action informada, de acordo com o order, e da direita para a esquerda
>6 actions: Exibe as actions de 1 a 5 na linha e agrupar as actions de 6 a no “menu de bolinhas” para acesso através de menu suspenso.
{
"pageNavigation": {
"background": "#482073",
"title": "Lista C",
"left": {
"actions": [
{
"order": "0",
"name": "back"
}
]
}
},
"pageHeader": {
"template": "A",
"background": "#634975",
"color": "#fff",
"logo": "",
"item": {
"details": [
{
"order": 0,
"value": "Cabeçalho da Lista<br>Lorem Ipsum"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
}
]
}
},
"pageContent": {
"background": "#E8E8E8",
"totalPages": 1,
"currentPage": 1,
"hasGroupBy": true,
"groupList": [
{
"template": "C",
"background": "#E8E8E8",
"title": "Agrupamento sem foto",
"color": "#482073",
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
}
],
"itemsList": [
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#fff",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<h3 class='text-default'><b>Multiplas Ações</b></h3><br>Ação default habilitada<br>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]"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "link",
"path": "",
"parameters": [
{
"title": "",
"value": "https://www.mobilex.tech/"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "",
"color": "",
"details": [
{
"order": 0,
"value": "<h3 class='text-default'><b>Multiplas Ações</b></h3><br>Nunhma Ação default habilitada<br>Lorem - Ipsum"
}
],
"actionDefault": null,
"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]"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "link",
"path": "",
"parameters": [
{
"title": "",
"value": "https://www.mobilex.tech/"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#ccc",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<h3 class='text-default'><b>Ação Única</b></h3><br>Ação default habilitada"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "querystring",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#fff",
"color": "#EE8113",
"details": [
{
"order": 0,
"value": "<h3 class='text-default'><b>Sem ação</b></h3><br>1200m<br>Lorem - Ipsum"
}
]
}
]
}
]
}
} Last updated