Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

Can we customize the column control component.

Avatar

Level 2

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.

1 Accepted Solution

Avatar

Correct answer by
Level 10

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...

View solution in original post

7 Replies

Avatar

Correct answer by
Level 10

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...

Avatar

Level 2

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

Avatar

Employee

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

Avatar

Level 2

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

Avatar

Level 10

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.

Avatar

Level 2

Hi  smacdonald2008 ,

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

Avatar

Level 10

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.