O componente de Lista, dos Componentes principais, permite criar com facilidade listas dinâmicas e estáticas.
O componente de Lista pode ser usado para criar, por exemplo, uma lista dinâmica de páginas secundárias ou uma lista estática de itens definidos arbitrariamente. O tipo de listas disponíveis e as opções de formatação podem ser definidas pelo autor do modelo na caixa de diálogo de design. O editor de conteúdo pode selecionar dentre os tipos de lista disponíveis e escolher como formatar os elementos da lista na caixa de diálogo de edição.
A versão atual do Componente de lista é a v4, introduzida com a versão 2.22.0 dos Componentes principais em fevereiro de 2023, e está descrita neste documento.
A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação das versões anteriores.
Versão do componente | AEM 6.4 | AEM 6.5 | AEM as a Cloud Service |
---|---|---|---|
v4 | - | Compatível | Compatível |
v3 | - | Compatível | Compatível |
v2 | Compatível | Compatível | Compatível |
v1 | Compatível | Compatível | Compatível |
Para mais informações sobre as versões dos Componentes principais, consulte o documento Versões dos Componentes principais.
Quando uma página tem um destino de redirecionamento (independentemente de estar apontando para um URL externo ou para outra página do AEM), uma lista que contém links para ele, aponta diretamente para o URL do destino de redirecionamento.
https://aemcomponents.dev
https://aemcomponents.dev
Para experimentar o componente de Lista, e ver exemplos de suas opções de configuração e de saídas HTML e JSON, visite a Biblioteca de Componentes.
A documentação técnica mais recente sobre o Componente de Lista pode ser encontrada no GitHub.
Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.
A caixa de diálogo de edição permite que o autor de conteúdo configure a lista e os itens da lista.
A lista pode ser criada de maneiras diferentes.
Independentemente de como a lista seja criada, há Opções de Classificação e ID que sempre podem ser configuradas.
Dependendo de como o autor de conteúdo optar por criar a lista, as opções de configuração adicionais serão alteradas.
A lista pode ser criada das páginas secundárias da página atual ou de outra página.
Página primária
Profundidade-secundária
Quantos níveis abaixo da hierarquia devem ser usados
A lista pode ser criada usando uma lista fixa de itens.
Toque ou clique no botão Adicionar para inserir um novo item à lista.
Após a criação de mais de um item para a lista, é possível organizá-la.
A lista pode ser criada usando os resultados de uma pesquisa de conteúdo AEM.
A lista pode ser criada usando páginas que correspondem a determinadas tags em um determinado local.
Independentemente de como você optar por criar a lista, há certas opções de classificação que sempre podem ser definidas.
Usando a guia Configurações de item, a formatação dos elementos da lista pode ser configurada.
O componente de lista é compatível com o sistema de estilos do AEM.
Use o menu suspenso para selecionar os estilos que deseja aplicar ao componente. As seleções feitas na caixa de diálogo de edição têm o mesmo efeito das selecionadas na barra de ferramentas do componente.
Os estilos devem ser configurados para esse componente na caixa de diálogo de design para que o menu suspenso fique disponível.
A caixa de diálogo de design permite que o autor do modelo defina quais tipos de listas devem ser liberadas para os autores de conteúdo, bem como as configurações de item disponíveis.
Na guia Configurações da lista, o formato da data pode ser definido, bem como o tipo de listas que deve estar disponível no componente para os autores de conteúdo.
Na guia Configurações do item, as opções de formatação para os elementos da lista individual que devem estar disponíveis no componente para os autores de conteúdo podem ser definidas.
O componente de Imagem é compatível com o Sistema de Estilos do AEM.
O componente de lista oferece suporte à Camada de dados de clientes Adobe.