Highlighted

issue with author page going blank when saving dialog changes

Avatar

Avatar

jeffreyWernerMHE

Avatar

jeffreyWernerMHE

jeffreyWernerMHE

24-04-2020

Hello all,

 

We are having an issue with one of our custom touch ui components. When the author makes any change in the dialog and clicks the save checkmark the page goes blank, leaving just the author header.

 

the dialog in questions has a tab set and validation to make sure once the author selects a value the respective sub for shows, also there is field validation to mandate certain form fields are populated.

I did a break point on the checkmark save being clicked and stepped through and found when we get a response from

 

this._targetWindow.postMessage in the aem core.js

the msgObj.data.cmdData looks very different and not sure why.

"<div class="section MKTSP-GGC01M10 plphero">







<link rel="stylesheet" href="/etc/designs/school/components/content/plphero.min.css" type="text/css">
<script type="text/javascript" src="/etc/designs/school/components/content/plphero.min.js"></script>


<cq data-path="/content/prek-12/en_us/program/plp/jcr:content/plpHero/MKTSP-GGC01M10" data-config="{&quot;path&quot;:&quot;/content/prek-12/en_us/program/plp/jcr:content/plpHero/MKTSP-GGC01M10&quot;,&quot;slingPath&quot;:&quot;/content/prek-12/en_us/program/plp/jcr:content/plpHero/MKTSP-GGC01M10.html&quot;,&quot;dialog&quot;:&quot;/apps/school/components/content/plphero/cq:dialog&quot;,&quot;dialogLoadingMode&quot;:&quot;auto&quot;,&quot;dialogLayout&quot;:&quot;auto&quot;,&quot;dialogSrc&quot;:&quot;/mnt/override/apps/school/components/content/plphero/_cq_dialog.html/content/prek-12/en_us/program/plp/jcr:content/plpHero/MKTSP-GGC01M10&quot;,&quot;dialogClassic&quot;:&quot;/apps/school/components/content/plphero/dialog&quot;,&quot;type&quot;:&quot;school/components/content/plphero&quot;,&quot;isResponsiveGrid&quot;:false,&quot;csp&quot;:&quot;plppage|schoolbasepage|page|basicpage/MKTSP-GGC01M10|plphero&quot;,&quot;editConfig&quot;:{&quot;xtype&quot;:&quot;editbar&quot;,&quot;listeners&quot;:{&quot;afterdelete&quot;:&quot;REFRESH_PAGE&quot;,&quot;afteredit&quot;:&quot;REFRESH_PAGE&quot;,&quot;afterinsert&quot;:&quot;REFRESH_PAGE&quot;},&quot;actions&quot;:[{&quot;xtype&quot;:&quot;tbtext&quot;,&quot;text&quot;:&quot;PLP Hero Component&quot;},&quot;CQ.wcm.EditBase.EDIT&quot;,&quot;CQ.wcm.EditBase.DELETE&quot;],&quot;disableTargeting&quot;:true}}"></cq>
</div>"

 

once the page gets this the component is removed and then the page refreshes and its blank.

 

Now if the author manually refreshes the page the page renders correctly with the saved changes in place. This happens every time and when any change is made in the dialog

 

all other page templates and custom components we use  work fine and dont show this behavior.

 

any thoughts or suggestions?

 

Thanks

 

Jeff

 

Replies

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

24-04-2020

It is look like something is broken fromUI/backend side. Just check the page with your custom component in preview/view as publish mode. you will see the error there if any issue with component backend code.

tcan you check the console errors in the browser or do you have cq:editConfig and cq:listener node in your component?

 

 

Highlighted

Avatar

Avatar

jeffreyWernerMHE

Avatar

jeffreyWernerMHE

jeffreyWernerMHE

24-04-2020

Hi Arun,

 

Thank you for taking the time to reply. I am not getting any errors on the page, no errors, no warning related to any of the components on the page. As for the dialog code we use on our various components use those features. We have the following in our _cq_editCongif.xml

 

<?xml version="1.0" encoding="UTF-8"?>
<jcr:root xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0"
cq:actions="[text:PLP Hero Component,|,EDIT,DELETE]"
cq:disableTargeting="{Boolean}true"
cq:layout="editbar"
jcr:primaryType="cq:EditConfig">
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterdelete="REFRESH_PAGE"
afteredit="REFRESH_PAGE"
afterinsert="REFRESH_PAGE"/>
</jcr:root>

 

On other page templates these components work. Should there be something similar at the page level?  to add logging that will help shed light on this?

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

25-04-2020

The issue could be with template, check the page component of template or try to add other components to check if it is working or not. Can you check error.log