Nested Layouts

[dreyn74]

Are nested layouts going to ever be a thing? If not, how do I go about a making a side menu with a fixed footer and two, side by side scroll areas, one with it’s own header? This is what I have so far…
Code Sandbox: Vue Quasar Side Menu Solution.

[benoitranque]

No. Nested layouts won’t be a thing

Flexbox is your friend

[dreyn74]

@benoitranque Thank you very much, but I wanted one fixed footer for the entire QLayoutDrawer and one fixed header for just the right half of the QLayoutDrawer . Is that possible with flexbox?

[dreyn74]

@benoitranque I can’t seem to get the fixed footer across the bottom of both columns with flexbox. Do you have any suggestions? Does flexbox only work in QLayout in with Quasar v0.15? In a separate test, I am using Quasar v0.14 and the results are not the same.
Also, do you know what I need to do to get my tabs to align horizontally?
Here is a codepen with what I have so far.

[benoitranque]

Flexbox is part of the css specs. Quasar simply has a few helper classes. Learn more about flexbox here, and the qusar helper classes here

[serg25]

Perhaps the container will help you: https://quasar.dev/layout/layout#Containerized-QLayout