Parsys customization issue



Dear Team,


As per project req,we need to customize parsys in order to show custom text.

AEM Version:6.4.0


I followed this URL:


and found working as I am able to display my own custom text.





Problem Statement:


Once I insert any component into my new customized parsys component e.g title component, I give some title and it displays on Page in edit mode for first time. But when I refresh page either in edit mode or disabled mode,Title component does not get displayed on Page. It is happening with all components.


Although I can see content getting stored properly in node under crx.


Any help would be really appreciated. Thanks in advance.




Accepted Solutions (1)

Accepted Solutions (1)



Hello @arvind ,

In the example you've mentioned, the components inserted to the custom parsys are not shown due to this condition in sightly - "paragraph.cssClasses".

After removing it from the line 31 of parsys.html, the components are shown:

```<sly data-sly-test="${!paragraph.columns && paragraph.resourceType}" class="cq-placeholder section" data-emptytext="" data-sly-resource="${paragraph.resourcePath @ resourceType=paragraph.resourceType, decorationTagName=''}" />```




Answers (2)

Answers (2)



@Andrei_Dantsou , Thank you for your reply. It works fine now.


But now I see a new problem:


once content component is placed inside this customized parsys, It blocks inserted component and not able to edit.


Below are two images:

First image is after I insert a component "plain HTML render" and second is after I refresh this page:


Before Page Refresh:



After Page Refresh:



Inserted Code for parsys in component:

<div class="cq-placeholder section" data-emptytext="Custom text"></div>

<sly data-sly-resource="${path @ resourceType='/apps/myproject/components/content/parsys'}"></sly>



Thank you in advance.