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


AEM 6.3


Click the following to watch the video



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

2 comments:

  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



    ReplyDelete
  2. 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

    ReplyDelete