Tuesday, 3 January 2017

Dynamically changing an Adobe Experience Manager Touch UI Dialog

You can develop an Adobe Experience Manager component that uses a dialog whose fields are dynamically update based on a selection of another field. Dynamically updating fields is important when you need to present an Experience Manager author different possibilibies based on the selection of another field. For example, assume that an author selects a value from a drop-down field. You can develop application logic that sets another field based on the selected value. Consider the following Experience Manager Touch UI dialog.

When an author selects Background Image, it dynamically sets a Pathfield field, as shown in this illustration.

Likewise, if the author selects another value from the dropdown (for example, Background Color), a second drop-down field is dynamically set, as shown in this illustration. 

To develop Touch UI dialogs, you use the AEM Granite API

This article walks you through how to develop this Dialog that dynamically sets fields. To read this article, click https://helpx.adobe.com/experience-manager/using/dynamic_touchui.html

NOTE: To learn how to dynamically work with AEM Classic UI dialogs, see Dynamically updating AEM custom xtype fields

Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.

TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel



  1. I really appreciate information shared above. It’s of great help. If someone want to learn Online (Virtual) instructor lead live training in Adobe Experience manager, kindly contact us http://www.maxmunus.com/contact
    MaxMunus Offer World Class Virtual Instructor led training on Adobe Experience manager . We have industry expert trainer. We provide Training Material and Software Support. MaxMunus has successfully conducted 100000+ trainings in India, USA, UK, Australlia, Switzerland, Qatar, Saudi Arabia, Bangladesh, Bahrain and UAE etc.
    For Demo Contact us:
    Name : Arunkumar U
    Email : arun@maxmunus.com
    Skype id: training_maxmunus
    Contact No.-+91-9738507310
    Company Website –http://www.maxmunus.com

  2. Your provided information is very clear thanks for sharing UI Online Course

  3. Very useful post, You can learn AEM / Adobe CQ5 by watching videos in below youtube channel Shrinivas AEM Online Training. For Live AEM/Adobe CQ5 Online Training contact us at ibmitsolutions@gmail.com, India : +91-9642373173, USA : +1-845-915-8712