Met de component Core Component Accordion kunt u een verzameling deelvensters maken die zijn gerangschikt in een accordeon op een pagina.
Met de component Core Component Accordion kunt u een verzameling componenten maken, die als deelvensters zijn samengesteld en die in een accordeon op een pagina zijn gerangschikt, vergelijkbaar met de component Component Tabs, maar kunt u de deelvensters uit- en samenvouwen.
De huidige versie van de Accordion Component is v1, die in juni 2019 met versie 2.5.0 van de Core Components is geïntroduceerd en in dit document wordt beschreven.
In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.
Componentversie | AEM 6,4 | AEM 6,5 | AEM as a Cloud Service |
---|---|---|---|
v1 | Compatibel met release 2.17.4 en eerdere |
Compatibel | Compatibel |
Raadpleeg het document voor meer informatie over versies en releases van de Core Component Core Components-versies.
Als u de accordeoncomponent wilt ervaren en voorbeelden wilt zien van de configuratieopties en van de HTML- en JSON-uitvoer, gaat u naar de Componentbibliotheek.
De meest recente technische documentatie over de Accordion-component kan op GitHub worden gevonden.
Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.
de accordeon, Carousel en Componenten tabs ondersteuning voor koppelingen rechtstreeks naar een deelvenster binnen de component.
Dit doet u als volgt:
id="accordion-86196c94d3-item-ca319dbb0b"
#
).
https://wknd.site/content/wknd/language-masters/en/magazine/western-australia.html#accordion-86196c94d3-item-ca319dbb0b
Wanneer u met de deelvenster-id als anker naar de URL navigeert, schuift de browser rechtstreeks naar de desbetreffende component en geeft deze het opgegeven deelvenster weer. Als het deelvenster is geconfigureerd om niet standaard te worden uitgevouwen, wordt het automatisch uitgevouwen.
In het dialoogvenster Configureren kan de auteur van de inhoud het accordeonitem, de deelvensters definiëren en bepalen hoe het zich gedraagt en wordt weergegeven voor een bezoeker van de pagina.
Gebruik de Toevoegen om de componentkiezer te openen en te kiezen welke component u als deelvenster wilt toevoegen. Nadat een item is toegevoegd, wordt het toegevoegd aan de lijst met de volgende kolommen:
Als de viewport van de pagina wordt verkleind zodat het dialoogvenster Bewerken volledig scherm wordt, wordt het dialoogvenster Toevoegen wordt verborgen. Componenten kunnen nog steeds door slepen vanuit de componentenbrowser en neerzetten op de Component van de Accordeon in de paginaredacteur.
De auteur van de inhoud kan de Deelvenster selecteren op de werkbalk van de component om de volgorde van de deelvensters in de accordeon te wijzigen in een ander deelvenster om te bewerken.
Wanneer u de Deelvenster selecteren in de componentwerkbalk worden de geconfigureerde accordeondeelvensters weergegeven als een vervolgkeuzelijst.
In het dialoogvenster Ontwerpen kan de sjabloonauteur de opties definiëren die beschikbaar zijn voor de auteur van de inhoud die de component Accordion gebruikt en de standaardinstellingen die zijn ingesteld bij het plaatsen van de component Accordion.
De Toegestane componenten wordt gebruikt om te definiëren welke componenten door de auteur van de inhoud als items aan deelvensters in de component Accordion kunnen worden toegevoegd.
Het tabblad Toegestane componenten werkt op dezelfde manier als het tabblad met dezelfde naam wanneer het definiëren van het beleid en de eigenschappen van een container voor layout in de Sjablooneditor.
De component Accordion ondersteunt de AEM Stijlsysteem.
De component Accordion ondersteunt de Adobe Client Data Layer.