column control component: should I use responsivegrid or newpar? | Community
Skip to main content
sreedobe
sreedobe
Level 4
Nov 17, 2020 6:06 PM UTC
Solved

column control component: should I use responsivegrid or newpar?

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.
jerryruAccepted solution
Level 2
Nov 20, 2020 9:16 AM UTC

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>

 

View reply

4 replies

BrianKasingli
BrianKasingli
New Participant
Nov 20, 2020 10:07 AM UTC

@sreedobe,

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

Translate
    jerryruAccepted solution
    Level 2
    Nov 20, 2020 9:16 AM UTC

    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>

     

    Translate
      arunpatidar
      arunpatidar
      New Participant
      Nov 17, 2020 9:02 PM UTC

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

      Translate
      Arun Patidar
        Ankur_Khare
        Ankur_Khare
        New Participant
        Nov 17, 2020 6:11 PM UTC

        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

        Translate
          Terms & ConditionsAccessibility statement

          Loading footer...