Creating your first Adobe Experience Manager HTML Template Language component

You can create an Adobe Experience Manager (AEM) 6 Touch UI component that can be used within the AEM Touch UI view. Furthermore, you can use HTL to develop the AEM component. HTL is the new AEM 6 template language that can be used to replace the use of JSP when developing an AEM component. HTL helps you to separate your design from your application logic. The HTL component developed in this development article is located on the AEM Touch UI side rail. You can drag the component from the side rail onto an AEM page, as shown in this illustration.

This development walks you through how to build an AEM Touch UI component using HTL. To read this development article, click https://helpx.adobe.com/experience-manager/using/creating-htl-component.html.

.

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.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel. 

Downloading Adobe Experience Manager DAM Assets using Sling Servlets and the Query Builder API

You can create an AEM Sling Servlet that uses the AEM Query Builder API to search the AEM Digital Asset Manager (DAM) and return a collection of assets within a ZIP file. The client web browser downloads the ZIP file that contains the DAM assets.

You can create a Sling Servlet that performs these tasks:

• Uses the QueryBuilder API to search a specific DAM folder
• Retrieves assets (for example, PNG files)
• Places the assets in a ZIP file
• Returns the ZIP file  

The following illustration shows the use case described in this development article.

To read this development article, click:  http://helpx.adobe.com/experience-manager/using/downloading-dam-assets.html.

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.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel. 

Using custom xtypes in Adobe Experience Manager 6 Touch UI

You can configure Adobe Experience Manager (AEM) 6 so that a custom xtype (that may be developed in an earlier version of AEM) works in the AEM 6 Touch UI. A custom xtype is an ExtJS script that uses the AEM widget API. By default, an AEM component that uses  a custom xtype works in AEM classic view. However, by default, it will not work in AEM Touch UI. You have to further configure AEM 6 to make a custom xtype work in AEM 6 Touch UI, as shown in this illustration.

This is an illustration of a custom xtype working in AEM 6 Touch UI. This development article walks you through how to make a custom xtype work in AEM 6 Touch UI. To read it, click http://helpx.adobe.com/experience-manager/using/creating-touchui-xtypes.html.

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.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

Twitter: Follow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel.