O componente Acordeão, dos Componentes principais, permite a criação de uma coleção de painéis organizados em acordeão em uma página.
O componente Acordeão, dos Componentes principais, permite a criação de uma coleção de componentes, composta como painéis, e organizada em acordeão em uma página, semelhante ao componente de Guias, mas permite expandir e recolher os painéis.
A versão atual do componente Acordeão é v1, que foi introduzida com a versão 2.5.0 dos Componentes principais em junho de 2019, 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 |
---|---|---|---|
v1 | Compatível com a versão 2.17.4 e anteriores |
Compatível | Compatível |
Para mais informações sobre as versões dos Componentes principais, consulte o documento Versões dos Componentes principais.
Para experimentar o componente Acordeão, 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 Acordeão pode ser encontrada no GitHub.
Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.
Os componentes de Acordeão, Carrossel e Guias podem ser vinculados diretamente a um painel do componente.
Para fazer isso:
id="accordion-86196c94d3-item-ca319dbb0b"
#
).
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
Ao navegar até o URL com o ID do painel como âncora, o navegador rolará diretamente para o componente específico e exibirá o painel especificado. Se o painel estiver configurado para não ser expandido por padrão, ele será expandido automaticamente.
A caixa de diálogo de configuração permite que o autor de conteúdo defina o item do Acordeão, seus painéis e como ele se comportará e aparecerá para um visitante da página.
Use o botão Adicionar para abrir o seletor de componentes e escolher qual componente adicionar como painel. Uma vez adicionada, uma entrada é adicionada à lista, que contém as seguintes colunas:
Se a janela de visualização da página for reduzida para que a caixa de diálogo de edição se torne tela cheia, o botão Adicionar ficará oculto. Os componentes ainda podem ser adicionados ao componente Acordeão arrastando do navegador de componentes e soltando no componente Acordeão no editor de páginas.
O autor de conteúdo pode usar a opção Selecionar painel na barra de ferramentas do componente para alterar para um painel diferente para edição, e também para reorganizar facilmente a ordem dos painéis dentro do acordeão.
Depois de escolher a opção Selecionar painel na barra de ferramentas do componente, os painéis do acordeão configurados são exibidos como uma lista suspensa.
A caixa de diálogo de design permite que o autor do modelo defina as opções disponíveis para o autor de conteúdo que usa o componente Acordeão e os padrões definidos ao colocar o componente Acordeão.
A guia Componentes permitidos é usada para definir quais componentes podem ser adicionados como itens aos painéis no componente Acordeão pelo autor de conteúdo.
Ela funciona da mesma maneira que a guia de mesmo nome ao definir a política e as propriedades de um Contêiner de layout no Editor de modelo.
O componente Acordeão é compatível com o Sistema de Estilos do AEM.
O componente Acordeão é compatível com a Camada de dados de clientes Adobe.