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

SOLVED

Issue with Touch UI Editing View Not Showing Pages without Refreshing

Thomas-1977
Level 1
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
asutosh_jena
Correct answer by
Community Advisor
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
asutosh_jena
Correct answer by
Community Advisor
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

Thomas-1977
Level 1
Level 1

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