Layout Container vs Parsys component | Community
Skip to main content
Anderson_Hamer
July 16, 2021
Solved

Layout Container vs Parsys component

  • July 16, 2021
  • 1 reply
  • 2574 views

I know the definitions and purpose of Layout Container and  Parsys component.

 

Layout Container:-

I see that Layout Container in used in editable template. It act as Container which can contains other component plus it also have feature to divide the columns (12 columns)
Paysys :-

It act as Container which can contains other component

 

I would like to hear the response on the below questions.

  1. Can Layout Container be used in static template? or Is it designed to use only in editable template?
  2. Is Layout Container using Bootstrap for responsive or is it using AEM's coral style definition?
  3. Can we use parsys instead of Layout Container in editable template? If we have  component for dividing a columns  then we may not need to Layout Container and directly parsys?
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 ChitraMadan

Hi @anderson_hamer ,

 

Please see the answers below:

 

Can Layout Container be used in static template? or Is it designed to use only in editable template?

 

It can be used, in static template, but to do that you will have to follow, how it has been done for editable templates,  for example adding the components under the root node of type "wcm/foundation/components/responsivegrid"

Check this reference node of We-retail editable template - 

/conf/we-retail/settings/wcm/templates/hero-page/structure/jcr:content/root

With this, you would bee able to resize components in edit mode.

However, this is NOT the recommended approach by Adobe.

       

       

 

Is Layout Container using Bootstrap for responsive or is it using AEM's coral style definition

 

Please see below links to see the grid layout followed by Layout Container

https://adobe-marketing-cloud.github.io/aem-responsivegrid/

https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configuring-responsive-layout.html?lang=en 

 

Can we use parsys instead of Layout Container in editable template? If we have component for dividing a columns  then we may not need to Layout Container and directly parsys

 

Yes, you can still use parsys and your own components to define the layout. It is not a mandate to use Layout container,  however, it provides a flexibility to authors to define the layout they want based on different breakpoints. It's up to you to use it or not.

 

Hope this is of help!!

 

Thanks,

Chitra

 

 

 

 

1 reply

ChitraMadan
Community Advisor
ChitraMadanCommunity AdvisorAccepted solution
Community Advisor
July 16, 2021

Hi @anderson_hamer ,

 

Please see the answers below:

 

Can Layout Container be used in static template? or Is it designed to use only in editable template?

 

It can be used, in static template, but to do that you will have to follow, how it has been done for editable templates,  for example adding the components under the root node of type "wcm/foundation/components/responsivegrid"

Check this reference node of We-retail editable template - 

/conf/we-retail/settings/wcm/templates/hero-page/structure/jcr:content/root

With this, you would bee able to resize components in edit mode.

However, this is NOT the recommended approach by Adobe.

       

       

 

Is Layout Container using Bootstrap for responsive or is it using AEM's coral style definition

 

Please see below links to see the grid layout followed by Layout Container

https://adobe-marketing-cloud.github.io/aem-responsivegrid/

https://experienceleague.adobe.com/docs/experience-manager-64/administering/operations/configuring-responsive-layout.html?lang=en 

 

Can we use parsys instead of Layout Container in editable template? If we have component for dividing a columns  then we may not need to Layout Container and directly parsys

 

Yes, you can still use parsys and your own components to define the layout. It is not a mandate to use Layout container,  however, it provides a flexibility to authors to define the layout they want based on different breakpoints. It's up to you to use it or not.

 

Hope this is of help!!

 

Thanks,

Chitra

 

 

 

 

Anderson_Hamer
July 19, 2021
Thank you Chitra for your detailed reply. It helps me to understand and relate the things.