Mode selector in AEM page | Community
Skip to main content
anshus83799232
anshus83799232
Level 2
May 10, 2018 7:05 AM UTC
Solved

Mode selector in AEM page

Hi All,

I have a requirement where I do not want timewarp and scaffolding option in my page mode selector. How do I disable these? Any help would be much appreciated.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
arunpatidar
arunpatidarAccepted solution
New Participant
May 10, 2018 11:25 PM UTC

if you really want to do this, you can use javascript also like below to disable modes, create clientlib with cq.authoring.dialog category

(function($, $document) {

    "use strict";

    $(document).on("click", ".editor-GlobalBar-layerSwitcher", function(e) {

    var field = $("button.js-editor-LayerSwitcherTrigger[coral-list-item]");

    if (typeof field !== undefined) {

      field.each(function() {

      if($( this ).val() === "Scaffolding" || $( this ).val()==="Timewarp"){

      $( this ).attr("disabled", true);

      }

      });

    }

    });

})($, $(document));

If you want to remove these two mode,  play with javascript to remove selected elements from DOM.

Thanks

Arun

Arun Patidar
View reply

6 replies

anshus83799232
anshus83799232Author
Level 2
May 11, 2018 6:59 AM UTC

thanks.. your post was really helpful

Translate
Hemant_arora
Hemant_arora
Level 8
May 11, 2018 6:38 AM UTC

Well I am not sure if both the scripts are called.

I created the same folder structure under apps and added the specific js file

/apps/cq/gui/components/authoring/editors/clientlibs/core/js/ui/ui.globalBar.js

It works.

Translate
arunpatidar
arunpatidarAccepted solution
New Participant
May 10, 2018 11:25 PM UTC

if you really want to do this, you can use javascript also like below to disable modes, create clientlib with cq.authoring.dialog category

(function($, $document) {

    "use strict";

    $(document).on("click", ".editor-GlobalBar-layerSwitcher", function(e) {

    var field = $("button.js-editor-LayerSwitcherTrigger[coral-list-item]");

    if (typeof field !== undefined) {

      field.each(function() {

      if($( this ).val() === "Scaffolding" || $( this ).val()==="Timewarp"){

      $( this ).attr("disabled", true);

      }

      });

    }

    });

})($, $(document));

If you want to remove these two mode,  play with javascript to remove selected elements from DOM.

Thanks

Arun

Translate
Arun Patidar
    smacdonald2008
    smacdonald2008
    Level 10
    May 10, 2018 2:50 PM UTC

    Also - if you do not want to use a specific feature of AEM - then do not use it. Can you explain why its a requirement to remove a menu item in the UI?

    Translate
    kautuk_sahni
    kautuk_sahni
    Employee
    May 10, 2018 1:09 PM UTC

    From what I know, and please anyone correct me if I am wrong, there is no overlaying of clientlibs.

    Clientlibs are registered globally via a 'Category Name'.

    Categorys are then called on to be placed into a page.

    If you create a custom javascript, and add it to a category that already exists, say 'cq.authoring.dialog' then when that clientlib is called, that code gets called as well. If you create a file that already exists in the clientlib, it doesn't replace that file during clientlib resolution, it just gets stacked onto it. The method you are suggestion would might be working but it would be calling both of the scripts.

    You can do this just extending the clientlib, and this is performed just putting in your clientlib the same categories of foundation clientlib.

    -Kautuk

    Translate
    Kautuk Sahni
      Hemant_arora
      Hemant_arora
      Level 8
      May 10, 2018 12:54 PM UTC

      overlay the js below

      go to line # 142 and add conditon

      /libs/cq/gui/components/authoring/editors/clientlibs/core/js/ui/ui.globalBar.js

      Translate
      Terms & ConditionsAccessibility statement

      Loading footer...