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
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

How do i create design dialog in Touch UI

codingStar
Level 3
Level 3

I am using aem 6.2.

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

1 Accepted Solution
Ratna_Kumar
Correct answer by
Community Advisor
Community Advisor

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
Ratna_Kumar
Correct answer by
Community Advisor
Community Advisor

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

NageshAvailable
Level 1
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?