Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

New developer - AEM 6.1 - Sidekick isn't showing up

Avatar

Level 2

I am new to AEM. I am trying to work through the tutorial from here:

https://docs.adobe.com/docs/en/aem/6-1/develop/the-basics/website.html

This tutorial refers to the 'sidekick', but I have followed the tutorial to the letter, and I don't get a sidekick nor see where to add it. If I open the Chrome developer tools, and from the console try to force it - I get an error.

I'm trying to add this JS code to the console to get the sidekick to show up:

    
CQ.WCM.launchSidekick("/content/mywebsite/en/products", {propsDialog: "/libs/foundation/components/page/dialog", locked: false locked: false });

The error is:

VM10206:2 Uncaught SyntaxError: Unexpected identifier

    at Object.InjectedScript._evaluateOn (<anonymous>:878:140)

    at Object.InjectedScript._evaluateAndWrap (<anonymous>:811:34)

    at Object.InjectedScript.evaluate (<anonymous>:667:21)

There is also a prior error in the console for the page too:

VM11751:1 Uncaught SyntaxError: Unexpected token o

(anonymous function) @ editor.js:25541

jQuery.event.dispatch @ jquery.js:4665

elemData.handle @ jquery.js:4333

This appears to be related to this string before the <!DOCTYPE html> tag on the page:

<!--cq{"decorated":false,"type":"granite/ui/components/foundation/admin/contentchecker","path":"/libs/wcm/core/content/editor/jcr:content/redirector","selectors":null,"servlet":"Script /libs/granite/ui/components/foundation/admin/contentchecker/contentchecker.jsp","totalTime":2,"selfTime":2}-->

My question is, what am I doing wrong?

1 Accepted Solution

Avatar

Correct answer by
Administrator

Hi 

By default page openes in touch UI, you can change it to classic UI by replacing editor.html in url to cf#.

Try inserting  /cf#/  after the host in place of  /editor.html/ . As a default there will be   /editor.html/ .

Try this :- http://localhost:4502/cf#/content/mywebsite/en.html

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

View solution in original post

4 Replies

Avatar

Level 10

Are you working in Classic View or Touch UI view.  IN TOuch UI view - that is gray background - there is no sidekick - its only in Classic UI view. 

If you need help - let me know and we can setup a connect session and we can go though this. I will show you exactly what you need to do. 

Avatar

Correct answer by
Administrator

Hi 

By default page openes in touch UI, you can change it to classic UI by replacing editor.html in url to cf#.

Try inserting  /cf#/  after the host in place of  /editor.html/ . As a default there will be   /editor.html/ .

Try this :- http://localhost:4502/cf#/content/mywebsite/en.html

 

I hope this would help you.

Thanks and Regards

Kautuk Sahni



Kautuk Sahni

Avatar

Level 10

Include this file in your project header

/libs/wcm/core/components/init/init.jsp

Avatar

Level 2

That worked perfectly - thank you!