Wednesday, 8 July 2015

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

Adobe Digital Marketing Community

Join the Adobe Digital Marketing Community. Start by clicking this banner

I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with over 18 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 @AdobeMktgCare.

1 comment:

  1. Linda Juffermans14 July 2015 at 09:52

    Tho I like the parsys include for column content (we did the same and it allows nested column controls) I think you should stick to the CQ logic of using the design and CSS names. Naming your parsys paths "parsys-0", "parsys-1", etc. means you won't lose content if you switch from 2 to 3 columns or from 3 to 2 (except for the last column, of course).