Creating a custom Touch UI Grid Component for Adobe Experience Manager

You can develop a custom Adobe Experience Manager (AEM) Touch UI grid component to address your business requirements. An AEM grid 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.

Using a custom Grid control, an AEM author can specify different width options by using a dialog.


This grid component uses Bootstrap. To read this development article, click https://helpx.adobe.com/experience-manager/using/bootstrap_grid.html.

NOTE: This development article shows an example of using a HTL component with Sling Models.