Parsys customization issue | Community
Skip to main content
A
arvind-1
Level 5
August 24, 2020
Solved

Parsys customization issue

  • August 24, 2020
  • 3 replies
  • 1530 views

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: https://helpx.adobe.com/experience-manager/using/overlay_parsys.html

 

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.

 

 

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Andrei_Dantsou

Hello @arvind-1 ,

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=''}" />```



Regards

 

3 replies

Nikhil-Kumar
Community Advisor
Nikhil-KumarCommunity Advisor
Community Advisor
August 25, 2020

@arvind-1 

How are you rendering the component Sightly or React ?

    A
    arvind-1Author
    Level 5
    August 25, 2020
    @nikhil-kumar, Rendering , we are doing in Sightly only.
    Andrei_Dantsou
    Andrei_DantsouAccepted solution
    Level 3
    August 25, 2020

    Hello @arvind-1 ,

    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=''}" />```



    Regards

     

      kautuk_sahni
      Community Manager
      kautuk_sahniCommunity Manager
      Community Manager
      August 25, 2020
      Great Reply.
      Kautuk Sahni
      A
      arvind-1Author
      Level 5
      August 25, 2020

      @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.

      Terms & ConditionsAccessibility statement

      Loading footer...