Accordion in White
Styles selected: Accordion Outlined + Large Accordion
Accordion
The AEM Accordion Component is a core content type component. It is a list of headers that expand or collapse additional content when selected.
Accordion in Chalk
Styles selected: Accordion Filled + Large Accordion
Small Accordions
Styles selected: Accordion Outlined + Small Accordion
Accordions with a Description
If you want them aligned next to a description, this is an example layout
H3 Lorem ipsum dolar sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget eros felis. Donec mi ipsum, pharetra vitae felis pulvinar, elementum cursus nulla. Phasellus pretium, diam in fringilla mollis, lectus est sodales lacus, in posuere nisl diam quis nisl. Sed posuere laoreet lacus. Duis enim purus, tincidunt eu tempus ac, venenatis ut felis.
Training
The edit dialog allows the content author to create, name, and order multiple slides as well as enable auto-transition with delay. Using the design dialog, the template author can define which components can be added to the carousel, enable or disable automatic transitions, and customize the styles.
- The accordion’s properties can be defined in the configure dialog
- The order of the panels of the accordion can be defined in the configure dialog as well as the select panel popover
- Defaults for the Accordion Component when adding it to a page can be defined in the Styles dialog. (Paint brush icon)
Training Video
Authoring Capability
Active Item Dropdown - This dropdown allows you to use the default, which is the first slide, or you can choose to display any of the other slides you have created.
Automatically Transition Slides Checkmark - If selected, the carousel will automatically transition to the next slide without requiring the user to manually select the arrow.
Carousel Type Dropdown -
None
AARP Now
AARP Now - more preview
CTG
MVC
UXDIA MVC