Expand my Community achievements bar.

SOLVED

ACCORDION COMPONENT SAMPLE TO USE WITH AEM 6.0

Avatar

Level 3

Hi All,

I'm a newby in AEM and I need to implement an editable accordion component.

So, I'm looking for an example that shows me the steps to follow to create a such component ( possible via htl ).

Thanks All

BR,

Antonio

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi Antonio,

Creating accordion component is easy.

1. Create a template where you can drag  accordion components.

2. Accordion component can have dialog which has field like Heading and multifield which has title and para.

3. At front end site, write a script to hide other item as click on other and unload display 1st item of accordion.

e.g.

How To Create an Accordion

CQ5 Sightly Accordion component - Stack Overflow

Building Accordion Component Using AEM 6.0 Slightly Framework ~ T20mins



Arun Patidar

View solution in original post

3 Replies

Avatar

Correct answer by
Community Advisor

Hi Antonio,

Creating accordion component is easy.

1. Create a template where you can drag  accordion components.

2. Accordion component can have dialog which has field like Heading and multifield which has title and para.

3. At front end site, write a script to hide other item as click on other and unload display 1st item of accordion.

e.g.

How To Create an Accordion

CQ5 Sightly Accordion component - Stack Overflow

Building Accordion Component Using AEM 6.0 Slightly Framework ~ T20mins



Arun Patidar

Avatar

Level 3

Hi Arun,

thank you in advance for your prompt reply.

I just visionated the included url's but the samples the links point to are a bit difficult to follow and understand for a newbye.

What I'm looking for is an example that shoes me all the steps to do to reach the goal.

Thanks

BR,

Antonio

P.S. AEM development is like an ocean, in my opinion.

Avatar

Level 10

AEM is a platform and you can build a lot of different pieces using custom components.