Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

Creating Site using Editable Template + client libraries

Heena06
Level 3
Level 3

Hi,

 

I have created project in AEM using Maven, and also I have created an editable template, Now I want to use inbuilt project components (eg. carouser, teaser, navigation etc.) on this editable template with some client libraries (css, js), but do not know where I need to keep these and connect with editable template and inbuilt components.

 

Please suggest how to proceed.

 

Thanks

Heena

1 Accepted Solution
knitshweta
Correct answer by
Level 2
Level 2

In Editable templates check the template-types and see which sling:resourceType it is pointing to. Example: 

sling:resourceType
String
<my-proj>/components/page

 

Now just like static templates, you can add the client library category here.

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html">
<sly data-sly-call="${clientlib.js @ categories='my-proj.base'}"/>
</sly>

 

View solution in original post

3 Replies
Nikhil-Kumar
Community Advisor
Community Advisor

@Heena06 

You can enable the OOTB components by updating the page policy and you can add you custom CSS and JS as part of policies too.

Go to a page --> click on Edit Template(option on top left corner) ---> you will redirected to edit the template ---> Click on the policy of the Layout container.

Nikhil-Kumar_0-1598513210738.png


You can now make the required changes in Allowed component and style and save the configuratoin.

Nikhil-Kumar_1-1598513302444.png


Refer this link for more understanding of policies https://myaemlearnings.blogspot.com/2018/03/policies-in-editable-templates.html


Thanks,
Nikhil

kautuk_sahni
Community Manager
Community Manager

I am not very sure about your ask, but it seems like you want to implement individual styles and re-use Core Components using the Experience Manager's Style System. Please see https://docs.adobe.com/content/help/en/experience-manager-learn/getting-started-wknd-tutorial-develo...

 

See this thread for more information: https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/how-can-we-develop-a-custo...

knitshweta
Correct answer by
Level 2
Level 2

In Editable templates check the template-types and see which sling:resourceType it is pointing to. Example: 

sling:resourceType
String
<my-proj>/components/page

 

Now just like static templates, you can add the client library category here.

<sly data-sly-use.clientlib="/libs/granite/sightly/templates/clientlib.html">
<sly data-sly-call="${clientlib.js @ categories='my-proj.base'}"/>
</sly>

 

View solution in original post