Unable to add clientlibs to the new tab in the sidekick in Touch UI by overlay | Community
Skip to main content
shaheenas113483
Level 3
March 8, 2019
Solved

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

  • March 8, 2019
  • 10 replies
  • 2564 views

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.

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

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.

10 replies

Prince_Shivhare
Community Advisor
Community Advisor
March 8, 2019

is there any clientLibs loading in sidekick in OOTB?

just confirming.

~ Prince

shaheenas113483
Level 3
March 8, 2019

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

Prince_Shivhare
Community Advisor
Community Advisor
March 8, 2019

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

shaheenas113483
Level 3
March 8, 2019

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.

Prince_Shivhare
Community Advisor
Community Advisor
March 8, 2019

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

shaheenas113483
Level 3
March 8, 2019

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

smacdonald2008
Level 10
March 8, 2019

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

Prince_Shivhare
Community Advisor
Community Advisor
March 10, 2019

/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

shaheenas113483
Level 3
March 11, 2019

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

shaheenas113483
shaheenas113483AuthorAccepted solution
Level 3
March 11, 2019

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.