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

How to handle design dialog in editable template ?

Avatar

Avatar
Validate 1
Level 3
Anderson_Hamer
Level 3

Likes

13 likes

Total Posts

50 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 5
View profile

Avatar
Validate 1
Level 3
Anderson_Hamer
Level 3

Likes

13 likes

Total Posts

50 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Ignite 5
Ignite 3
Ignite 1
Give Back 5
View profile
Anderson_Hamer
Level 3

21-06-2021

I have few components that has design dialog, ex logo, breadcrumb components. These component works in design mode which means these components will work in both classic and touch UI on design mode on static template. But the same will not work in editable template as there is no design mode at all in editable template.  

 

The situation is, I have two websites, website A wants to use editable template and website B wants to use static template. Now how do I design a component in this case, ex logo? Should I keep the design dialog for static template AND keep the same fields in normal dialog for editable template ?

 

Has anyone faced similar issues ? What is the recommendation from AEM to handle situation like this?

AEM 6.4 Design Dialog dialog Editable templates

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Boost 250
MVP
ChitraMadan
MVP

Likes

271 likes

Total Posts

165 posts

Correct Reply

67 solutions
Top badges earned
Boost 250
Establish
Ignite 1
Give Back 5
Give Back 3
View profile

Avatar
Boost 250
MVP
ChitraMadan
MVP

Likes

271 likes

Total Posts

165 posts

Correct Reply

67 solutions
Top badges earned
Boost 250
Establish
Ignite 1
Give Back 5
Give Back 3
View profile
ChitraMadan
MVP

21-06-2021

Hi @Anderson_Hamer ,

 

Design properties in static templates are replaced by policies in editable templates.

 

You can refer to this link for more info on how to define policies - https://experienceleague.adobe.com/docs/experience-manager-64/developing/platform/templates/page-tem...

 

Thanks,

Chitra

Answers (2)

Answers (2)

Avatar

Avatar
Boost 25
Level 3
ibishika
Level 3

Likes

30 likes

Total Posts

29 posts

Correct Reply

3 solutions
Top badges earned
Boost 25
Affirm 3
Boost 10
Boost 5
Give Back
View profile

Avatar
Boost 25
Level 3
ibishika
Level 3

Likes

30 likes

Total Posts

29 posts

Correct Reply

3 solutions
Top badges earned
Boost 25
Affirm 3
Boost 10
Boost 5
Give Back
View profile
ibishika
Level 3

21-06-2021

Refer any core component and copy the design dialog from it. After that just change/add/remove the required properties.

You can refer this: https://github.com/adobe/aem-core-wcm-components/blob/master/content/src/content/jcr_root/apps/core/...

Avatar

Avatar
Applaud 25
Level 10
asutosh_jena
Level 10

Likes

593 likes

Total Posts

705 posts

Correct Reply

206 solutions
Top badges earned
Applaud 25
Give Back 100
Boost 500
Affirm 100
Ignite 1
View profile

Avatar
Applaud 25
Level 10
asutosh_jena
Level 10

Likes

593 likes

Total Posts

705 posts

Correct Reply

206 solutions
Top badges earned
Applaud 25
Give Back 100
Boost 500
Affirm 100
Ignite 1
View profile
asutosh_jena
Level 10

22-06-2021

Hi @Anderson_Hamer 

 

You can keep the _cq_design_dialog in your component and when the component will be used on the static template, the fields will be available/visible when you are on design mode. In case of editable template, the fields will not be visible by default. You need to go to the template policy and enable the fields and after enabling the policy, the field will be available for authoring in editable template as well.

 

You can take the example from Accordion component here:

https://github.com/adobe/aem-core-wcm-components/tree/master/content/src/content/jcr_root/apps/core/...

 

Thanks!