Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn More

View all

Sign in to view all badges

Customizing aem core carousel component – Panel selection is not visible in authoring dialog

Avatar

Avatar
Give Back 10
Level 3
karanmahi
Level 3

Likes

15 likes

Total Posts

73 posts

Correct Reply

0 solutions
Top badges earned
Give Back 10
Give Back 5
Give Back 3
Give Back
Ignite 5
View profile

Avatar
Give Back 10
Level 3
karanmahi
Level 3

Likes

15 likes

Total Posts

73 posts

Correct Reply

0 solutions
Top badges earned
Give Back 10
Give Back 5
Give Back 3
Give Back
Ignite 5
View profile
karanmahi
Level 3

22-02-2021

We are customizing aem core carousel component, we have created a proxy component from where we doing resource supertype to core carousel v1 component. We want to override the markup of this component. But the issue is, when we override the markup, the “panel” selection option is not visible in the authoring dialog. I mean the panel icon after the first icon in the authoring dialog. Look at the screenshot. It looks like markup is tightly coupled with when panel selection visibility. Is there any way that we can override html and retain the panel selection option? What would be the bare minimum we need from the core carousel component to achieve this. Any pointers will be highly appreciated.

 

Core carousel - notice 2nd-panel icon (after ranch option)

 

image.png

 

2nd-panel icon not visible here

image.png 

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Springboard
MVP
Shashi_Mulugu
MVP

Likes

200 likes

Total Posts

264 posts

Correct Reply

64 solutions
Top badges earned
Springboard
Bedrock
Validate 1
Applaud 100
Establish
View profile

Avatar
Springboard
MVP
Shashi_Mulugu
MVP

Likes

200 likes

Total Posts

264 posts

Correct Reply

64 solutions
Top badges earned
Springboard
Bedrock
Validate 1
Applaud 100
Establish
View profile
Shashi_Mulugu
MVP

22-02-2021

@karanmahi If you want to write your own HTML, those things will not work so easily.. As of i know, those features are tightly coupled with html classes and data-* attributes.

Below are few clientlibs, you need have to make Childreneditor and PAnel select work along with HTML(classes and data-*).

childreneditor - /apps/core/wcm/components/commons/editor/dialog/childreneditor/v1/childreneditor
editor - /apps/core/wcm/components/carousel/v1/carousel/clientlibs/editor
editorhook - /apps/core/wcm/components/carousel/v1/carousel/clientlibs/editorhook
panelcontainer - /apps/core/wcm/components/commons/editor/clientlibs/panelcontainer
panelselect - /apps/core/wcm/components/commons/editor/clientlibs/panelselect

Answers (0)