Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.
SOLVED

Steps to customize OOB content fragment in AEM + React SPA

Avatar

Level 3

Hi,

 

Need to customize the OOB content fragment and content fragment list components in AEM + React SPA. Also we need to add the custom plugins in the RTE of content fragment model. Please help me with the steps.

 

Thanks & Regards,

Kalyan

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @kalyanchakravarthych ,

If you want to customize content fragment list components then one approach is that you do it through custom model class, which will eventually use delegate feature of AEM sling models. Delegate your custom model class to core component CF list model class and then override the method used in it.
You can refer the core class :"com.adobe.cq.wcm.core.components.models.contentfragment.ContentFragmentList" to dig deep into it as what all functionality is present into it.

https://github.com/adobe/aem-core-wcm-components/blob/main/bundles/core/src/main/java/com/adobe/cq/w...

Thanks
Tarun

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

Hi @kalyanchakravarthych ,

If you want to customize content fragment list components then one approach is that you do it through custom model class, which will eventually use delegate feature of AEM sling models. Delegate your custom model class to core component CF list model class and then override the method used in it.
You can refer the core class :"com.adobe.cq.wcm.core.components.models.contentfragment.ContentFragmentList" to dig deep into it as what all functionality is present into it.

https://github.com/adobe/aem-core-wcm-components/blob/main/bundles/core/src/main/java/com/adobe/cq/w...

Thanks
Tarun