Issue with Touch UI Editing View Not Showing Pages without Refreshing | Community
Skip to main content
Thomas-1977
Level 3
Apr 23, 2021 6:41 PM UTC
Solved

Issue with Touch UI Editing View Not Showing Pages without Refreshing

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.
Asutosh_Jena_
Asutosh_Jena_Accepted solution
New Participant
Apr 24, 2021 9:41 AM UTC

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 reply

2 replies

Thomas-1977Author
Level 3
Apr 26, 2021 1:05 PM UTC

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

Translate
    Asutosh_Jena_
    Asutosh_Jena_Accepted solution
    New Participant
    Apr 24, 2021 9:41 AM UTC

    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 

    Translate
      Terms & ConditionsAccessibility statement

      Loading footer...