Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Issue with Touch UI Editing View Not Showing Pages without Refreshing

Avatar

Level 1

We're seeing some issue in our current AEM 6.5.5 authoring instances where page changes are not showing on up on the page after closing a component until the page is refreshed in the Touch UI edit view.

 

What we're wondering is if the issues we're seeing is because we're editing a legacy page in Touch UI which contains legacy components that were built for Classic UI and that when the Classic UI component is close/saved it isn't triggering the display update/redrawing of the page in the Touch UI editor to show those changes.

 

Is there any type of configuration setting that should be checked/changed for these changes to properly show when editing the page in Touch UI vs Classic UI?

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @Thomas-1977 

 

If you want the page to be refreshed automatically once you make the changes to component dialog, please make the below changes.

The cq:listeners [cq:EditListenersConfig] is used to refresh the HTML page after a certain action is performed on a component. The cq:listeners node should be located as shown:

/component[cq:Component]
      /cq:editConfig [cq:editConfig]
             /cq:listeners [cq:EditListenersConfig]

 

The following properties are associated with cq:listeners node are:

  1. aftercreate
  2. afterdelete
  3. afteredit
  4. afterinsert
  5. aftermove
  6. afterremove

There are three possible values that can be assigned to the properties above -- either "REFRESH_SELF", "REFRESH_PARENT", "REFRESH_PAGE".


Adding the sample of _cq_editConfig.xml for a component that needs to be added:

<?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"
jcr:primaryType="cq:EditConfig">
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterdelete="REFRESH_PAGE"
afteredit="REFRESH_PAGE"
afterinsert="REFRESH_PAGE"/>
</jcr:root>

 

If you want to refresh only the component section not the whole page then use the below code:

 

<?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"
jcr:primaryType="cq:EditConfig">
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterdelete="REFRESH_SELF"
afteredit="REFRESH_SELF"
afterinsert="REFRESH_SELF"/>
</jcr:root>

 

Hope this helps!

Thanks 

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @Thomas-1977 

 

If you want the page to be refreshed automatically once you make the changes to component dialog, please make the below changes.

The cq:listeners [cq:EditListenersConfig] is used to refresh the HTML page after a certain action is performed on a component. The cq:listeners node should be located as shown:

/component[cq:Component]
      /cq:editConfig [cq:editConfig]
             /cq:listeners [cq:EditListenersConfig]

 

The following properties are associated with cq:listeners node are:

  1. aftercreate
  2. afterdelete
  3. afteredit
  4. afterinsert
  5. aftermove
  6. afterremove

There are three possible values that can be assigned to the properties above -- either "REFRESH_SELF", "REFRESH_PARENT", "REFRESH_PAGE".


Adding the sample of _cq_editConfig.xml for a component that needs to be added:

<?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"
jcr:primaryType="cq:EditConfig">
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterdelete="REFRESH_PAGE"
afteredit="REFRESH_PAGE"
afterinsert="REFRESH_PAGE"/>
</jcr:root>

 

If you want to refresh only the component section not the whole page then use the below code:

 

<?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"
jcr:primaryType="cq:EditConfig">
<cq:listeners
jcr:primaryType="cq:EditListenersConfig"
afterdelete="REFRESH_SELF"
afteredit="REFRESH_SELF"
afterinsert="REFRESH_SELF"/>
</jcr:root>

 

Hope this helps!

Thanks 

Avatar

Level 1

Thanks for that suggestion, looks like exactly what I was looking for