column control component: should I use responsivegrid or newpar?

Forum|Forum|5 years ago
November 17, 2020
4 replies
1492 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by jerryru

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>

Ankur_Khare

Community Advisor

try like this-

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

arunpatidar

Community Advisor

Please check https://helpx.adobe.com/experience-manager/using/bootstrap_grid.html

Arun Patidar

J

jerryruAccepted solution

Level 2

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>