Expand my Community achievements bar.

SOLVED

Layout Container vs Parsys component

Avatar

Level 4

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?
Topics

Topics help categorize Community content and increase your ability to discover relevant content.

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

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.

       

       ChitraMadan_0-1626471712634.png

 

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

 

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

 

 

 

 

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

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.

       

       ChitraMadan_0-1626471712634.png

 

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

 

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

 

 

 

 

Avatar

Level 4
Thank you Chitra for your detailed reply. It helps me to understand and relate the things.