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

Parsys customization issue

Avatar

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct Reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct Reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile
arvind
Level 2

24-08-2020

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.

Custom.jpg

 

 

 

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)

Avatar

Avatar
Ignite 1
Level 4
Andrei_Dantsou
Level 4

Likes

35 likes

Total Posts

29 posts

Correct Reply

14 solutions
Top badges earned
Ignite 1
Boost 5
Boost 3
Boost 25
Boost 10
View profile

Avatar
Ignite 1
Level 4
Andrei_Dantsou
Level 4

Likes

35 likes

Total Posts

29 posts

Correct Reply

14 solutions
Top badges earned
Ignite 1
Boost 5
Boost 3
Boost 25
Boost 10
View profile
Andrei_Dantsou
Level 4

25-08-2020

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

Andrei_Dantsou_0-1598340110254.png

Regards

 

Answers (2)

Answers (2)

Avatar

Avatar
Boost 250
MVP
Nikhil-Kumar
MVP

Likes

251 likes

Total Posts

262 posts

Correct Reply

38 solutions
Top badges earned
Boost 250
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile

Avatar
Boost 250
MVP
Nikhil-Kumar
MVP

Likes

251 likes

Total Posts

262 posts

Correct Reply

38 solutions
Top badges earned
Boost 250
Validate 1
Ignite 3
Ignite 1
Give Back 5
View profile
Nikhil-Kumar
MVP

24-08-2020

@arvind 

How are you rendering the component Sightly or React ?

Avatar

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct Reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile

Avatar
Boost 5
Level 2
arvind
Level 2

Likes

7 likes

Total Posts

34 posts

Correct Reply

0 solutions
Top badges earned
Boost 5
Give Back
Ignite 1
Boost 3
Validate 1
View profile
arvind
Level 2

25-08-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:

before-page-refresh.jpg

 

After Page Refresh:

after-page-refresh.jpg

 

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.