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.
1 Accepted Solution
Correct answer by
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
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
Kautuk Sahni
Correct answer by
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
