Carousel D
Last updated
Last updated
Formato
Lista horizontal em formato de card.
Imagem
Formato quadrado ,pequeno e com altura fixa.
Url definida em detail.order = 0
Conteúdo
Definido em detail.order = 0, se não tem imagem
Definido em detail.order = 1, se possui imagem
Ações
Quando múltiplas: Menu exibido na lateral.
Quando única: ícone é exibido na lateral.
D (definições gerais da área de conteúdo da listagem)
pageContent.groupList(x).itemList(y).count define a quantidade de itens na lista. Se nulo ou vazio, nenhum item é exibido.
pageContent.groupList(x).itemList(y).background define a cor do background da célula. Se nulo ou vazio, a cor padrão é transparente. Nesta template o background aplica-se apenas ao interior do quadrado.
pageContent.groupList(x).itemList(y).color define 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).actions define 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": "Carousel D",
"left": {
"actions": [
{
"order": "0",
"name": "back"
}
]
}
},
"pageContent": {
"background": "#482073",
"totalPages": 1,
"currentPage": 1,
"hasGroupBy": false,
"groupList": [
{
"template": "CAROUSEL-D",
"title": "",
"background": "#FFB6C1",
"color": "#EE8113",
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
],
"itemsList": [
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736881_1280.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://wonderfulengineering.com/wp-content/uploads/2016/02/wallpaper-background-2-768x480.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://www.publicdomainpictures.net/pictures/200000/nahled/hintergrund-tapete-1474192484NRs.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?auto=compress&cs=tinysrgb&h=350",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
},
{
"title": "Comercial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "link",
"path": "",
"parameters": [
{
"title": "",
"value": "https://www.mobilex.tech/"
}
]
}
]
}
]
},
{
"template": "CAROUSEL-D",
"title": "",
"background": "#FFB6C1",
"color": "#444",
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
],
"itemsList": [
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "#EE8113",
"color": "#FFF",
"details": [
{
"order": 0,
"value": "<i class='icon-medium text-default'></i><br>Item com texto"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
},
{
"title": "Comercial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "link",
"path": "",
"parameters": [
{
"title": "",
"value": "https://www.mobilex.tech/"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://www.publicdomainpictures.net/pictures/200000/nahled/hintergrund-tapete-1474192484NRs.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736881_1280.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://wonderfulengineering.com/wp-content/uploads/2016/02/wallpaper-background-2-768x480.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
}
]
}
]
},
{
"template": "CAROUSEL-D",
"title": "",
"background": "#FFB6C1",
"color": "#EE8113",
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
],
"itemsList": [
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?auto=compress&cs=tinysrgb&h=350",
"color": "#FFF",
"details": [
{
"order": 0,
"value": "<h3 style='color:#fff'>Imagem com Texto</h3>"
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "email",
"title": "Enviar Email",
"path": "",
"parameters": [
{
"title": "",
"value": "a@a.com"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://wonderfulengineering.com/wp-content/uploads/2016/02/wallpaper-background-2-768x480.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"title": "Ligar",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
}
]
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://www.publicdomainpictures.net/pictures/200000/nahled/hintergrund-tapete-1474192484NRs.jpg",
"color": "#FFF",
"details": [
{
"order": 0,
"value": ""
}
]
},
{
"publishLevel": 1,
"permissionLevel": 1,
"background": "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736881_1280.jpg",
"details": [
{
"order": 0,
"value": ""
}
],
"actionDefault": 0,
"actions": [
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "call",
"path": "",
"parameters": [
{
"title": "Residencial",
"value": "+557199999-9999"
},
{
"title": "Comercial",
"value": "+557199999-9999"
}
]
},
{
"order": 0,
"publishLevel": 1,
"permissionLevel": 1,
"name": "link",
"path": "",
"parameters": [
{
"title": "",
"value": "https://www.mobilex.tech/"
}
]
}
]
}
]
}
]
}
}Formato
Lista horizontal com tamanho total da página em formato de card.
Imagem
Ajusta a imagem pela altura fixa.
