Can we customize the column control component.

[pallavi_2667336]

Can we customize the column control component. Like author can select no of rows and no of column and based on that one grayed layout with parsys appeared and that should be responsive.

[smacdonald2008 · Accepted solution]

You can extend any AEM component. See this topic for more information about extending components: 

https://docs.adobe.com/docs/en/aem/6-0/develop/components/widgets.html

You can also create your own column component:

http://www.sixdimensions.com/creating-a-column-control-in-adobe-cq/

Hope this helps...

[pallavi_2667336]

Thanks for reply,

This link is providing OOTB column control, I wanted to customize the OOTB column control component, so that author can select no of rows and no of column and according to it a grid layout should display which should be responsive.

Please find attached screen shot of grid layout

[Opkar_Gill]

Have you thought about extending the ACS AEM Commons responsive column control, it doesn't provide rows, but could be a good place to start. 

http://adobe-consulting-services.github.io/acs-aem-commons/features/responsive-column-control.html

[pallavi_2667336]

I have checked this "Responsive Control" url its not created component, its only creating the parsys , css is not working here.

[smacdonald2008]

You would overlay this column component and then build a custom dialog that would let the author specify both the columns and rows. Then use JS logic to get those rows and columns into the component via the component's JSP.

I am not aware of any current articles that show this use case - however - we will look at publishing an artilce that shows this use case.

[Sanket_Dange]

Hi  smacdonald2008 ,

Is there any link  or blog for custom column controller for aem 6.4

[Ratna_Kumar]

Hi,

You can use this custom Touch UI Grid component Aka custom column control component in AEM 6.4

Creating a custom Touch UI Grid Component for Adobe Experience Manager

Thanks,

Ratna Kumar.