Issue with Touch UI Editing View Not Showing Pages without Refreshing

[Thomas-1977]

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?

[Asutosh_Jena_ · Accepted solution]

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 

[Thomas-1977]

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