Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

Can we customize the column control component.

pallavi_2667336
Level 2
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
smacdonald2008
Correct answer by
Level 10
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
smacdonald2008
Correct answer by
Level 10
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

pallavi_2667336
Level 2
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

Opkar_Gill
Employee
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

pallavi_2667336
Level 2
Level 2

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

smacdonald2008
Level 10
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.

Sanket_Dange
Level 2
Level 2

Hi  smacdonald2008 ,

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

Ratna_Kumar
Community Advisor
Community Advisor

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.