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

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

About the Author

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 16 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.

Linked In
TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeMktgCare.


  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?