Expand my Community achievements bar.

Applications for the 2024-2025 Adobe Experience Manager Champion Program are open!

Custom Tabs Component


Level 3

Hi all,

i need help for archiving my custom functionality on tabs component,
Existing functionality: in tabs component we are able to author different content in separate tabs those content will be displayed "bellow" the specific tab.

Required Enhancement:  i should be able to author different content above and bellow in the same tab
eg, if i author tab 1 i should be able to change content above the tab1 and bellow the tab 1.

"need slightly code for the same"

Reference image for Required Enhancement:


Thanks & Regards
    Hari Prasath
@arunk @arunpatidar @SantoshSai @Lokesh_Vajrala @Saravanan_Dharmaraj @krati_garg 



1 Accepted Solution


Correct answer by
Community Advisor
2 Replies


Employee Advisor

I recommend overlaying the tab core component and updating its HTL file to add additional parsys on top also and control it by CSS.

Regarding the code, you have to duplicate code "which is rendering bottom part".


Correct answer by
Community Advisor