Issue with Touch UI Editing View Not Showing Pages without Refreshing | Community
Skip to main content
T
Thomas-1977
Level 3
April 23, 2021
Solved

Issue with Touch UI Editing View Not Showing Pages without Refreshing

  • April 23, 2021
  • 2 replies
  • 1480 views

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?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Asutosh_Jena_

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 

2 replies

Asutosh_Jena_
Community Advisor
Asutosh_Jena_Community AdvisorAccepted solution
Community Advisor
April 24, 2021

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 

    T
    Thomas-1977Author
    Level 3
    April 26, 2021

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

      Terms & ConditionsAccessibility statement

      Loading footer...