How To create a layout container with dialog field as number of columns which should stretch as per the grid layout in AEM6.5

[sams16001423]

Hi All,

I'm trying to modify the existing layout container component by adding a dialog field which is a drop down through which author will be able to choose the number of columns. So , if author drag and drop the component he should be able to configure the dialog so he can switch between the number of columns, author wants the layout container to be divided into 2, 3, or 4 whatever he selects in dialog to stretch as per the grid layout. Please let me know if anyone of you have idea on how to achieve this.

Thanks in advance.

Thanks,

Sam

[arunpatidar · Accepted solution]

There is an example https://helpx.adobe.com/experience-manager/using/bootstrap_grid.html

But why can't you use OOTB layout mode https://medium.com/adobetech/customizing-the-aem-grid-3ff9c2121a36

[VeenaVikraman]

@sams16001423 Sam,

      As @arunpatidar mentioned , is there any issue in using the OOTB Layout mode ? 

Thanks

Veena