Thursday, 21 August 2014

Creating your first Adobe Experience Manager Touch UI component

You can create an Adobe Experience Manager (AEM) 6 Touch UI component that can be used within the AEM Touch UI environment. An AEM Touch UI component is located on the side rail. You can drag the component from the side rail onto an AEM page, as shown in this illustration.

NOTE: In the Touch UI environment, components are located on the side rail. In the Classic UI environment, components are located in the AEM Sidekick.

Once you drag the component onto the AEM page, you can access its Touch UI dialog to enter component values. For example, you can enter text that is displayed by the component. 

After you enter the component's values, you click the checkmark icon and the values are entered onto the AEM page.

This development article walks you though how to create your first AEM Touch UI component that you can drag from the side rail onto an AEM page in the Touch UI environment. To read this development article, click

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. Hi Scott,

    Try and include this component in the template( i mean statically include the component). You will find that you wont be able to configure this component.

  2. Hi , it is too good . but i am not getting component's in side rail in touch ui . could u pls help me?