List B

Template B

Exemplo GroupList Template B
Propriedade
Descrição

Formato

Lista vertical em formato de card.

Imagem

  • Formato quadrado, grande e com altura variando com o texto da célula.

  • 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 suspenso exibido na lateral.

  • Quando única: ícone é exibido na lateral.

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).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 é #FFF.

    • 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.

  • 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 deve interpretar a existência de uma imagem e exibir a área com a imagem em formato de círculo; senão, então a área é ocultada.

  • D2

    • pageContent.groupList(x).itemList(y).detail(z) define o conteúdo da célula.

    • Se z>0, então os “details” serão exibidos na célula e separados por um espaço em branco.

    • Suporta html flexível com com conteúdo alinhado à esquerda.

    • Se nulo ou vazio, o espaço é exibido.

  • D3

    • pageContent.groupList(x).actions define a lista de ações do item.

    • Se nulo ou vazio, o espaço é ocultado.

    • Suporta de 1 a N actions, sendo:

      • 1 action: Exibir a action informada

      • >2 actions: Exibir o “menu de bolinhas” para acesso às demais actions através de menu suspenso.

AnteriorList APróximoList C

Atualizado