Page 1 of 1

Create a nested LayoutGrid is not possible in my project

Posted: Mon Aug 26, 2019 6:59 pm
by 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

Image

Re: Create a nested LayoutGrid is not possible in my project

Posted: Mon Aug 26, 2019 8:17 pm
by Pablo
Only one level of nesting is supported.

Re: Create a nested LayoutGrid is not possible in my project

Posted: Mon Aug 26, 2019 9:41 pm
by 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.

Re: Create a nested LayoutGrid is not possible in my project

Posted: Tue Aug 27, 2019 6:12 am
by Pablo
I do not recommend to nest different layout systems. It may work, but is was not designed to be used this way.

Re: Create a nested LayoutGrid is not possible in my project

Posted: Tue Aug 27, 2019 10:30 am
by 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

Re: Create a nested LayoutGrid is not possible in my project

Posted: Wed Aug 28, 2019 2:29 pm
by 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
        
Image

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.

Image

Image

Markus