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

I have created a page with Editable template , while authoring page unable to get drag components option.

Avatar

Level 2
 
1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi @Anilkumar208 you need to create parsys first to provide drag and drop functionality to your editable template.

step1: Create base page Component

Screenshot 2023-02-21 at 8.58.46 PM.png

Parsys Code(page.html):

<sly data-sly-include="/libs/wcm/core/components/init/init.jsp" />
<div data-sly-resource="${'content' @resourceType='foundation/components/parsys'}"></div>

 Step 2: Add the base page components path into your Editable template

sling:resourceType       String        <base page componentPath>

Screenshot 2023-02-21 at 9.03.00 PM.png

 

You will see Parsys!!Screenshot 2023-02-21 at 9.06.54 PM.png

 

View solution in original post

3 Replies

Avatar

Community Advisor

@Anilkumar208 :

As you have created page using Editable Templates, you need to create policies for the template ( which component group you want to allow to use it on this page) , then you can able to see the option to drag components

 

as of now, i think your template doesnot allow any components to add to page, thats why the option is not there.

 

Thanks

Siva

 

Thanks,
Siva

Avatar

Community Advisor

@Anilkumar208 

1. Check if your editable template has a container and allowed components in it.

2. Check if it's in a locked state, if so unlock it and refresh the page.

Avatar

Correct answer by
Level 2

Hi @Anilkumar208 you need to create parsys first to provide drag and drop functionality to your editable template.

step1: Create base page Component

Screenshot 2023-02-21 at 8.58.46 PM.png

Parsys Code(page.html):

<sly data-sly-include="/libs/wcm/core/components/init/init.jsp" />
<div data-sly-resource="${'content' @resourceType='foundation/components/parsys'}"></div>

 Step 2: Add the base page components path into your Editable template

sling:resourceType       String        <base page componentPath>

Screenshot 2023-02-21 at 9.03.00 PM.png

 

You will see Parsys!!Screenshot 2023-02-21 at 9.06.54 PM.png