Hide modes in page editor (targeting, timewarp, design, developer and scaffolding)

Avatar

Avatar

ignacio_mancill

Avatar

ignacio_mancill

ignacio_mancill

15-11-2018

Hello,

I have a request where we need to hide all options except for edit and preview from the mode selector in aem author:

1622280_pastedImage_0.png

Do you know how can we hide this modes (targeting, timewarp, design, developer and scaffolding) for a specific group?

Regards.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

861

Avatar

Arun_Patidar

MVP

Total Posts

3.0K

Likes

1.1K

Correct Reply

861
Arun_Patidar
MVP

15-11-2018

You can check the group via making Ajax request if user is not part of group and you can execute code to disable or hide options.

You just need to write extra JS code in above code to make ajax request and execute code

(function($, $document) {

    "use strict";

// code to make ajax request and get true or false

if(true){

    $(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"){ // can be added targeting,  design, developer

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

      }

      });

    }

    });

}

})($, $(document));

Answers (0)