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

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)

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)