SectionList A

Template A

Exemplo SectionList Template A
Propriedade
Descrição

Formato

Itens da SectionList apresentados em cards.

Imagem

Não possui configuração específica, mas pode ser adicionada ao HTML.

Conteúdo

Definidos nas sections.

Ações

  • Quando múltiplas ou única: Exibida em uma barra inferior no card.

  • Quando única e default: não exibida e acionada ao tocar no card da seção.

  • E

    • Área da célula da seção.

    • pageContent.sectionList(x).background define a cor do card. Se nulo ou vazio, a cor padrão é #FFF.

    • pageContent.sectionList(x).color define a cor da fonte, linhas e ícones do card. Se nulo ou vazio, a cor padrão é #444.

  • E1

    • Área de exibição do título da seção.

    • pageContent.sectionList(x).title define o texto da área, sempre centralizada.

    • pageContent.sectionList(x).color define a cor do texto e a cor da linha de separação.

    • Se nulo ou vazio a área é ocultada.

    • Possui na formatação uma linha inferior separando o título do conteúdo da seção.

  • E2

    • pageContent.sectionList(x).sections(0-z) define o conteúdo da área. Se z>1, então o conteúdo é separado por espaço em branco.

    • pageContent.sectionList(x).sections(0-z).title define o subtítulo da seção.

      • pageContent.sectionList(x).color define a cor do titulo.

      • Deve receber a cor negrito.

    • pageContent.sectionList(x).sections(0-z).type define o tipo do conteúdo da seção.

    • pageContent.sectionList(x).sections(0-z).value define o texto HTML da célula.

  • E3

    • pageContent.sectionList(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 a 6 action: 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.

AnteriorSectionListsPróximoSectionList B

Atualizado