Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Unable to add clientlibs to the new tab in the sidekick in Touch UI by overlay

Avatar

Level 4

I have added a new tab and functionality in the sidekick, so I have overlayed /libs/wcm/core/content/editor/jcr:content/sidepanels/edit/items/tabs/items, and added a new tab into it. but I am unable to add clientlibs to it to add my functionality.

1 Accepted Solution

Avatar

Correct answer by
Level 4

Well, I found that we can add functionalities like we create content component to the page and add it to the tabs node of the editor.html page.

View solution in original post

10 Replies

Avatar

Community Advisor

is there any clientLibs loading in sidekick in OOTB?

just confirming.

~ Prince

Avatar

Level 4

There are a few clientlibs, but all of it are for ClassiC UI, and I am working in AEM 6.4 Touch UI. Other than clientlib how else can I add functionality to the new tab, like TextField, Button, etc. @Prince Shivhare

Avatar

Community Advisor

I can see editor.html - /libs/wcm/core/content/editor

is nothing but a cq:page. can you please try doing the same thing as we do for our website content pages.

Also, sidekick means left rail you are talking about right?

and if you already have a clientLib then I would suggest that overlay and modified them.

~ Prince

Avatar

Level 4

In this path:/libs/wcm/core/content/editor/jcr:content/sidepanels/edit/items/tabs/items, editor is of type 'cq:page'. If we check below they have added tabs and each tab has its functionalities, I have added my tab there but I am unable to add my functionality to it. How did they add those functionalities to those tabs?

Yes, by sidekick i mean the left rail.

Avatar

Community Advisor

have you tried a modification of existing clientlib which is being used?

Avatar

Level 4

Yes, I have tried to add a js file to the existing clientlibs, with a line of 'window.alert', but it loads when I goto Classic UI->Websites (http://localhost:/siteadmin), it doesnt work when I edit a page in touch ui. The path I tried is : path: /libs/cq/ui/widgets/source/widgets/wcm/Sidekick.js and clientlib:  /libs/cq/ui/widgets

Avatar

Level 10

Editing a page in TOuch UI does not impact the Side Kick - which is a Classic UI tool.

Avatar

Community Advisor

/libs/cq/ui/widgets/source/widgets/wcm/Sidekick.js

the path itself is saying it's classic ui. try on touch ui clientlib.

/libs/wcm/core/content/editor - in this path I can see one clientlib is loaded. please check there.

~ Prince

Avatar

Level 4

I wanted to make changes to the sidekick. Customization of it. @smacdonald2008

Avatar

Correct answer by
Level 4

Well, I found that we can add functionalities like we create content component to the page and add it to the tabs node of the editor.html page.