Creating Adobe Experience Manager Components that use Nested Multifields

You can develop a custom Adobe Experience Manager (AEM) component that uses a nested multi-field control located in a dialog. A nested multi-field control is an inner multi-field control within an outer multi-field control and lets an author dynamically enter data. For example, assume the AEM control lists developers and each developer has an unknown number of skills to display. That is, within the inner multi-field, the author enter details such as professional skill set. The outer multi-field determines how may developers to display.

Consider the nested multi-field control located in the following illustration.

This article steps you through how to build this AEM component. To read this development article, click https://helpx.adobe.com/experience-manager/using/nested_multifield.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. 

Creating Adobe Experience Manager Custom Column Components

You can develop a custom Adobe Experience Manager (AEM) column control component to address your business requirements. An AEM column control component lets an AEM author split the content in the main panel of the web-page into multiple columns. Using a component dialog, an author defines the number of columns required and then create, delete, or move content within each of the columns.

As specified, an author can change the number of columns and the border color by using the column's dialog.

This development article walks you through how to build this custom column component. To read this development article, click https://helpx.adobe.com/experience-manager/using/custom_columns.html.

NOTE - This artilce is for the Classic UI. Its recommended that you use Touch UI. See this article -- http://scottsdigitalcommunity.blogspot.ca/2017/09/creating-custom-touch-ui-grid-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.