Carousel C
Template Carousel C
Propriedade
Descrição
Formato
Formato: Lista vertical em formato de card.
Imagem
Sem configuração específica.
Conteúdo
Definido em detail.order = 0.
Ações
Dispostas na linha inferior 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 é exibido.pageContent.groupList(x).itemList(y).backgrounddefine 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).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.
D4
pageContent.groupList(x).scrollTimedefine o timer do scroll automático do carrossel.Suporta um número inteiro onde cada número representa um segundo.
Exemplo: 1 para realizar scroll a cada um segundo, 5 igual cinco segundos etc.
{
"pageNavigation": {
"background": "#482073",
"title": "Carousel C",
"left": {
"actions": [
{
"order": "0",
"name": "back"
}
]
}
},
"pageContent": {
"background": "#482073",
"totalPages": 1,
"currentPage": 1,
"hasGroupBy": false,
"groupList": [
{
"template": "CAROUSEL-C",
"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": "[email protected]"
}
]
}
],
"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": "[email protected]"
}
]
}
]
},
{
"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-C",
"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": "[email protected]"
}
]
}
],
"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": "[email protected]"
}
]
}
]
},
{
"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-C",
"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": "[email protected]"
}
]
}
],
"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": "[email protected]"
}
]
}
]
},
{
"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/"
}
]
}
]
}
]
}
]
}
}Carousel C FULL (Disponível apenas para portal)
Propriedade
Descrição
Formato
Lista horizontal com tamanho total da página em formato de card.
Imagem
Ajusta a imagem pela altura
Last updated