Accordion Component

Avatar

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile
arvind
Level 2

11-07-2021

Hello Team,

 

We are trying to use Core components Accordion component in our project to speed up FAQ pages development.

AEM Version: 6.5.2

After configuring all panels and other steps defined, we see as below:

arvind_0-1626027943417.png

Issue:

 

It seems styles/JS does not apply by default. Items are not clickable as well.

 

Do we need to write custom JS/CSS to make it working or at least It should work as  by default implementation and then according to Project req, we can further enhance styles etc.??

 

Regards,

AP

 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 6
Bhuwan_B
Level 6

Likes

133 likes

Total Posts

125 posts

Correct reply

50 solutions
Top badges earned
Validate 1
Affirm 50
Give Back 5
Boost 100
Give Back 3
View profile

Avatar
Validate 1
Level 6
Bhuwan_B
Level 6

Likes

133 likes

Total Posts

125 posts

Correct reply

50 solutions
Top badges earned
Validate 1
Affirm 50
Give Back 5
Boost 100
Give Back 3
View profile
Bhuwan_B
Level 6

11-07-2021

@arvind  Please check if you have embed core.wcm.components.accordion.v1 in your clientlib-base.

Core Component.png

Answers (1)

Answers (1)

Avatar

Avatar
Boost 500
MVP
Vijayalakshmi_S
MVP

Likes

573 likes

Total Posts

728 posts

Correct reply

240 solutions
Top badges earned
Boost 500
Give Back 50
Give Back 5
Ignite 10
Ignite 5
View profile

Avatar
Boost 500
MVP
Vijayalakshmi_S
MVP

Likes

573 likes

Total Posts

728 posts

Correct reply

240 solutions
Top badges earned
Boost 500
Give Back 50
Give Back 5
Ignite 10
Ignite 5
View profile
Vijayalakshmi_S
MVP

16-07-2021

Hi @arvind,

Functionality of expand and collapse for an accordion(JS) would work as is with regular proxy pattern.(Can check in Preview or disabled/View as Published mode)

CSS needs to be done per the desired look and feel of the project. 

In order to cross check if you have created proxy component correctly, you can create a sample project in your local using AEM project maven archetype which has proxy accordion component, you can make use of the same. (Compare what needs to be overwritten when creating proxy out of Core component)