AEM 62 - TouchUI Open Page Properties Dialog in Fullscreen

Goal

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

Demo | Package Install

Solution

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

                       open-fullscreen.js

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) {
    if(!gAuthor){
        return;
    }

    $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){
            $('form.cq-dialog').find(".cq-dialog-layouttoggle").click();
        }
    }
}(jQuery, jQuery(document), Granite.author));