Create a nested LayoutGrid is not possible in my project

[Markus]

I am so sorry that I look like a fool again, but I am stumbling over something I do not understand. It's like something doesn't want me to finish this project.

I'm trying to insert a LayoutGrid into another LayoutGrid. When I do this with "fresh" LayoutGrids, it works great. But I want to reposition already finished LayoutGrids with content. Unfortunately, the parent LayoutGrid just doesn't accept the child LayoutGrid. I can do what I want, it doesn't work. Not even if I move the grids in the object Manager.

What can be the reason for this?

Thanks in advance
Markus

[Pablo]

Only one level of nesting is supported.

[Markus]

Thank you, Pablo.
Before I rebuild the section I have a question.

Can I use the following elements to create a nesting or do these elements also have different design paradigms (bootstrap and regular CSS), so the use is not advisable?

Code: Select all

LayoutGrid
  |
  +-> FlexContainer
        |
        +-> LayoutGrid

Technically, it seems to work.

[Pablo]

I do not recommend to nest different layout systems. It may work, but is was not designed to be used this way.

[piotrh]

Hello Markus,

LayoutGrid
|
+-> FlexContainer
|
+-> LayoutGrid

Couple months ago I was investigating the same thing, and was also geting quite stable results. But I never decided to create site for someone else by using this, being afraid something might not be working 100% correct.
Lately – to have more freedom in designing - I'm using floating layers together with LayoutGrids and it gives a lot of possibilities. Did You tried it already?
Bests
Piotr

[Markus]

Hello piotrh,

thank you for sharing your experiences. No, I've never worked with floating layers before.

In my current "desaster project" I implemented it now with two LayoutGrids and some Card objects and I hope that this objects have not an incompatible design basis.

Code: Select all

LayoutGrid
  |
  +-> LayoutGrid
        |
        +-> Card1
        +-> Card2
        +-> Card3
        +-> Card4
        

Sorry, the layout area shows the section "MarketingService" instead of "MarketingLogistics", but these sections are identical in structure.

I am satisfied with the result. I wanted the whole layout to be responsive without using separate breakpoints. This works quite well with this constellation.





Markus