Friday, August 24, 2018

AEM 61 TouchUI Authoring Refresh page when switched to Preview mode

AEM 61 TouchUI Authoring Refresh page when switched to Preview mode


Goal


Refresh page when the layer mode is switched to Preview

Demo | Package Install


Solution


1) Login to CRXDE Lite (http://localhost:4502/crx/de) and create folder /apps/touchui-refresh-page-preview-mode

2) Create node /apps/touchui-refresh-page-preview-mode/clientlib of type cq:ClientLibraryFolder and add a String property categories with value cq.authoring.dialog

3) Create file (nt:file) /apps/touchui-refresh-page-preview-mode/clientlib/js.txt and add

                       refresh-on-preview.js

4) Create file (nt:file) /apps/touchui-refresh-page-preview-mode/clientlib/refresh-on-preview.js and add the following code

(function ($, $document) {
$document.on(cq-layer-activated, refreshPage);

function refreshPage(ev){
if ( (ev.prevLayer === "Preview") || (ev.layer !== Preview) ) {
return;
}

window.location.reload();
}
}(jQuery, jQuery(document)));



visit link download