AEM cloud Touch UI Console Customization | Community
Skip to main content
Prince_Shivhare
Community Advisor
Community Advisor
June 6, 2021

AEM cloud Touch UI Console Customization

  • June 6, 2021
  • 3 replies
  • 1803 views

Hi All,

I am trying to customize the touch ui console of AEM cloud.

I tried overlaying libs to apps and imported into repository code but git cloud deployment is getting failed.

we know that we can not modify anything under /apps and /libs though the package.

 

Is there any way we can achieve it?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

3 replies

shelly-goel
Adobe Employee
Adobe Employee
June 6, 2021

@prince_shivhare  I hope you're keeping the custom code under ui.apps

What's the error in the logs?

Prince_Shivhare
Community Advisor
Community Advisor
June 7, 2021
No Error on logs, once build is successful then failing during deployment.
Vijayalakshmi_S
June 7, 2021

Hi @prince_shivhare,

Can you confirm that you are not overlaying the /libs path which are of type/mixin - granite:FinalArea and/or granite:InternalArea

Content Classification in /libs for reference:

https://experienceleague.adobe.com/docs/experience-manager-65/deploying/upgrading/sustainable-upgrades.html#content-classifications

 

Prince_Shivhare
Community Advisor
Community Advisor
June 8, 2021
I am overriding this - /libs/wcm/core/content/editor/jcr:content/content/items/content/header/items/headerbar
shelly-goel
Adobe Employee
Adobe Employee
June 16, 2021

/libs/wcm/core/content/editor/jcr:content is of mixinType = granite:interalArea and shows like hidden in crxde so cannot be overlaid

 

 

Prince_Shivhare
Community Advisor
Community Advisor
June 24, 2021

Hello Everyone,
The solution for this thread is -
Since we cannot override the disabled folders from libs to apps.we will need to write the custom js for it with clientlib category of cq.authoring.dialog.

(function($, $document) {

"use strict";

$(document).on("click", ".js-editor-GlobalBar-previewTrigger", function(e) {
var protocol = window.location.protocol;
var hostname = window.location.hostname;
var pathname = window.location.pathname+"?wcmmode=disabled";
var url = protocol+"//"+hostname+pathname;
var disableUrl = url.replace('/editor.html/','/');

window.open(disableUrl, "_blank");


});

})($, $(document));