AEM 62 - TouchUI Open Page Properties Dialog in Fullscreen


Sample code to open the Page Properties dialog (not component dialog) in Full screen by default

Demo | Package Install


1) Login to CRXDE Lite (http://localhost:4502/crx/de) and create folder /apps/eaem-open-page-props-dialog-full-screen

2) Create node /apps/eaem-open-page-props-dialog-full-screen/clientlib of type cq:ClientLibraryFolder and add a String property categories with value cq.authoring.dialog and dependencies to underscore

3) Create file (nt:file) /apps/eaem-open-page-props-dialog-full-screen/clientlib/js.txt and add


4) Create file (nt:file) /apps/eaem-open-page-props-dialog-full-screen/clientlib/open-fullscreen.js and add the following code

(function ($, $document, gAuthor) {

    $document.on('dialog-ready', openPagePropertiesFullScreen);

    function openPagePropertiesFullScreen(){
        var currentDialog = gAuthor.DialogFrame.currentDialog;

        //if the current dialog is page properties
        if(currentDialog instanceof gAuthor.actions.PagePropertiesDialog){
}(jQuery, jQuery(document),;


  1. I really appreciate information shared above. It’s of great help. If someone want to learn Online (Virtual) instructor lead live training in Adobe Experience Manager
    , kindly contact us
    MaxMunus Offer World Class Virtual Instructor led training on Adobe Experience Manager . We have industry expert trainer. We provide Training Material and Software Support. MaxMunus has successfully conducted 100000+ trainings in India, USA, UK, Australlia, Switzerland, Qatar, Saudi Arabia, Bangladesh, Bahrain and UAE etc.
    For Demo Contact us:
    Name : Arunkumar U
    Email :
    Skype id: training_maxmunus
    Contact No.-+91-9738507310
    Company Website –

  2. $(document).on("dialog-ready", function() {.... JavaScript code does not fire if the touch UI dialog is in full-screen mode. Is there a different hook for full-screen touch UI dialog that is equivalent to dialog-ready ?