Monday, 23 January 2017

Creating an Adobe Experience Manager HTL component that displays a repeating data set

You can create an Adobe Experience Manager HTL component that displays repeating information that can be set by an AEM author during design time. For example, consider a typical on-line section of a sports site. Each section that lists a story includes a digital asset (located in the Experience Manager DAM), a heading, and text.

The following illustration shows an Experience Manager HTL component listing various sport stories about a youth football club.




As shown in the previous illustration, the HTL component displays a repeating set of data where each section has a heading, text and an image. An author sets this information using a Touch UI dialog that contains a Multifield control. 





This community developer article steps you through how to build this AEM HTL component. 


AEM 6.2

To read this article, click https://helpx.adobe.com/experience-manager/using/htl_repeat.html. 

AEM 6.3

To read this article, click: https://helpx.adobe.com/experience-manager/using/aem63_htl_repeat.html

Click the following to watch the video



Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League 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 AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.


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


at