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
BedrockMission!

Learn More

View all

Sign in to view all badges

Can we customize the column control component.

Avatar

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
pallavi_2667336
Level 1

15-10-2015

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.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

15-10-2015

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

Answers (6)

Answers (6)

Avatar

Avatar
Validate 25
MVP
Ratna_Kumar
MVP

Likes

159 likes

Total Posts

755 posts

Correct Reply

134 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give Back 50
Give Back 5
View profile

Avatar
Validate 25
MVP
Ratna_Kumar
MVP

Likes

159 likes

Total Posts

755 posts

Correct Reply

134 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give Back 50
Give Back 5
View profile
Ratna_Kumar
MVP

09-07-2018

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.

Avatar

Avatar
Boost 1
Level 1
Sanket_Dange
Level 1

Like

1 like

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Give Back
Ignite 1
Validate 1
View profile

Avatar
Boost 1
Level 1
Sanket_Dange
Level 1

Like

1 like

Total Posts

16 posts

Correct Reply

0 solutions
Top badges earned
Boost 1
Give Back
Ignite 1
Validate 1
View profile
Sanket_Dange
Level 1

08-07-2018

Hi  smacdonald2008 ,

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

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

15-10-2015

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

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
pallavi_2667336
Level 1

15-10-2015

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

Avatar

Avatar
Validate 1
Employee
Opkar_Gill
Employee

Likes

138 likes

Total Posts

952 posts

Correct Reply

280 solutions
Top badges earned
Validate 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Validate 1
Employee
Opkar_Gill
Employee

Likes

138 likes

Total Posts

952 posts

Correct Reply

280 solutions
Top badges earned
Validate 1
Give Back 50
Give Back 5
Give Back 3
Give Back 25
View profile
Opkar_Gill
Employee

15-10-2015

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

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile

Avatar
Validate 1
Level 1
pallavi_2667336
Level 1

Like

1 like

Total Posts

11 posts

Correct Reply

0 solutions
Top badges earned
Validate 1
Boost 1
View profile
pallavi_2667336
Level 1

15-10-2015

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