column control component: should I use responsivegrid or newpar?

Avatar

Avatar
Validate 1
Level 2
sreedobe
Level 2

Likes

4 likes

Total Posts

67 posts

Correct reply

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

Avatar
Validate 1
Level 2
sreedobe
Level 2

Likes

4 likes

Total Posts

67 posts

Correct reply

0 solutions
Top badges earned
Validate 1
Ignite 3
Ignite 1
Give Back 5
Give Back 3
View profile
sreedobe
Level 2

17-11-2020

Can someone suggest me if I would like to have wrapper component such as column control.

Should I use responsivegrid or newpar?

 

component html:

 

<div>
	<div data-sly-resource="${ @ resourceType='wcm/foundation/components/responsivegrid'}"></div>
	<div data-sly-resource="${ @ resourceType='wcm/foundation/components/responsivegrid'}"></div>
			
</div>

 

 

Issue with this is , template displaying only one responsivegrid . If I have dummy path name for each sly-resource such as

 

<div data-sly-resource="${'container1' @ resourceType='wcm/foundation/components/responsivegrid'}"></div>

<div data-sly-resource="${'container2' @ resourceType='wcm/foundation/components/responsivegrid'}"></div>

 

, I do not see responsivegrids at all .

 

Thanks.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 1
Level 2
jerryru
Level 2

Likes

7 likes

Total Posts

8 posts

Correct reply

2 solutions
Top badges earned
Validate 1
Give Back
Ignite 1
Boost 5
Boost 3
View profile

Avatar
Validate 1
Level 2
jerryru
Level 2

Likes

7 likes

Total Posts

8 posts

Correct reply

2 solutions
Top badges earned
Validate 1
Give Back
Ignite 1
Boost 5
Boost 3
View profile
jerryru
Level 2

20-11-2020

You have to specify the path. The path will be created once you add the component into a page. The added components into the containers will be under the node path. I suggest you can re-add the component again. Then you will see the two components.

 

 

<div data-sly-resource="${'container1' @ resourceType='wcm/foundation/components/responsivegrid'}"></div>

<div data-sly-resource="${'container2' @ resourceType='wcm/foundation/components/responsivegrid'}"></div>

 

Answers (3)

Answers (3)

Avatar

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,444 likes

Total Posts

3,322 posts

Correct reply

941 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile

Avatar
Coach
MVP
Arun_Patidar
MVP

Likes

1,444 likes

Total Posts

3,322 posts

Correct reply

941 solutions
Top badges earned
Coach
Contributor 2
Ignite 10
Give Back 700
Boost 1000
View profile
Arun_Patidar
MVP

17-11-2020

Avatar

Avatar
Establish
MVP
BrianKasingli
MVP

Likes

645 likes

Total Posts

607 posts

Correct reply

239 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile

Avatar
Establish
MVP
BrianKasingli
MVP

Likes

645 likes

Total Posts

607 posts

Correct reply

239 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 10
View profile
BrianKasingli
MVP

20-11-2020

@sreedobe,

Can you please validate if you are using the AEM WCM Core component's Page component, along with the responsive grid?

Avatar

Avatar
Ignite 1
MVP
Ankur_Khare
MVP

Likes

159 likes

Total Posts

370 posts

Correct reply

58 solutions
Top badges earned
Ignite 1
Validate 10
Validate 1
Give Back 50
Give Back 5
View profile

Avatar
Ignite 1
MVP
Ankur_Khare
MVP

Likes

159 likes

Total Posts

370 posts

Correct reply

58 solutions
Top badges earned
Ignite 1
Validate 10
Validate 1
Give Back 50
Give Back 5
View profile
Ankur_Khare
MVP

17-11-2020

try like this-

 

<sly data-sly-resource="${ @ path='containerparsys1', resourceType='wcm/foundation/components/responsivegrid'}"></sly>

<sly data-sly-resource="${ @ path='containerparsys2', resourceType='wcm/foundation/components/responsivegrid'}"></sly