Friday, 11 August 2017

Creating an AEM HTML Template Language 6.3 component that uses a Multifield

You can create an Adobe Experience Manager (AEM) 6.3 Touch UI component that can be used within the AEM Touch UI view. Furthermore, you can use the AEM HTML Template Language (HTL - formally known as Sightly) to develop the AEM component. For example, consider an author whom enters information into a multi-field control in the component's dialog, as shown in this illustration.

NOTE:  This article uses the Granite Multi-field (granite/ui/components/foundation/form/multifield). To learn how to use the Coral multi-field (granite/ui/components/coral/foundation/form/multifield), see Creating a Coral 3 Multifield HTML Template Language component for Adobe Experience Manager.

To read this Adobe Experience Manager 6.3 development article, click

Added an new package for AEM 6.3 that included a RTE

Based on community feedback - such as, we added a separate package that contains a RTE in the Multifield. It works - see: 

This is the JCR node structure now:

Notice that the RTE data is stored as JSON data under the page: 

You can see this by installing the second package that is part of this article

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.

Linked In:

YouTube: Subscribe to the AEM Community Channel.