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

How do i create design dialog in Touch UI

Avatar

Level 4

I am using aem 6.2.

Can you share any link how to create a design dialog in touch ui interface.

1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi,

The concept of design dialog in touch ui has been introduced from AEM 6.3

The cq:design_dialog node defines the design dialog for touch ui. In AEM 6.3, a design dialog is the place specifically for template authors to pre-configure the component in Template Editor. These pre-configurations become “Policies” for the component in that template, and all the pages created with the template will be effected.

designdialog.PNG

For example, you can find design dialog in these components

//apps/core/wcm/components/text

//apps/core/wcm/components/title

//apps/core/wcm/components/image

//libs/wcm/foundation/components/text

//libs/wcm/foundation/components/image

Check these below links for more information.

Adobe doc: https://docs.adobe.com/docs/en/aem/6-3/develop/components/components-basics.html

Community blog: http://blogs.perficient.com/adobe/2017/05/15/aem-6-3-first-looks-aem-core-wcm-components/

Hope this helps!

~Ratna.

View solution in original post

3 Replies

Avatar

Correct answer by
Level 10

Hi,

The concept of design dialog in touch ui has been introduced from AEM 6.3

The cq:design_dialog node defines the design dialog for touch ui. In AEM 6.3, a design dialog is the place specifically for template authors to pre-configure the component in Template Editor. These pre-configurations become “Policies” for the component in that template, and all the pages created with the template will be effected.

designdialog.PNG

For example, you can find design dialog in these components

//apps/core/wcm/components/text

//apps/core/wcm/components/title

//apps/core/wcm/components/image

//libs/wcm/foundation/components/text

//libs/wcm/foundation/components/image

Check these below links for more information.

Adobe doc: https://docs.adobe.com/docs/en/aem/6-3/develop/components/components-basics.html

Community blog: http://blogs.perficient.com/adobe/2017/05/15/aem-6-3-first-looks-aem-core-wcm-components/

Hope this helps!

~Ratna.

Avatar

Level 1

How does design-dialog content is pulled in Touch UI Page if design dialog is not supported in AEM 6.1 and what is the use of setting the design path(/etc/designs/{projectName}) under Advanced Tab in the page properties for Touch UI Pages?