Carousel C

Exemplo Template 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).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.

• D4

  • pageContent.groupList(x).scrollTime define 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.

códio de exemplo de Carousel C

{
  "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": "[phone]"
              }
            ]
          },
          {
            "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": "[phone]"
                  }
                ]
              },
              {
                "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": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "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": "[phone]"
                  },
                  {
                    "title": "Comercial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "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": "[phone]"
              }
            ]
          },
          {
            "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'>&#xea36;</i><br>Item com texto"
              }
            ],
            "actionDefault": 0,
            "actions": [
              {
                "order": 0,
                "publishLevel": 1,
                "permissionLevel": 1,
                "name": "call",
                "path": "",
                "parameters": [
                  {
                    "title": "Residencial",
                    "value": "[phone]"
                  },
                  {
                    "title": "Comercial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "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": "[phone]"
                  }
                ]
              },
              {
                "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": "[phone]"
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "template": "CAROUSEL-C",
        "title": "",
        "background": "#FFB6C1",
        "color": "#EE8113",
        "actions": [
          {
            "order": 0,
            "publishLevel": 1,
            "permissionLevel": 1,
            "name": "call",
            "title": "Ligar",
            "path": "",
            "parameters": [
              {
                "title": "Residencial",
                "value": "[phone]"
              }
            ]
          },
          {
            "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": "[phone]"
                  }
                ]
              },
              {
                "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": "[phone]"
                  }
                ]
              }
            ]
          },
          {
            "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": "[phone]"
                  },
                  {
                    "title": "Comercial",
                    "value": "[phone]"
                  }
                ]
              },
              {
                "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