Nested <q-layout>

[liquidity]

Hi All I’m struggling with a layout issue and before I go any further is it possible to have nested <q-layout>'s?

For instance Main contains a <q-layout> with the outer controls and some sidebars, but is would be great if dashboard (a sub route) could also use a layout structure?

At the moment when I try this they just draw all over each other.

routes: [
	{ path: '/',
		component: load('main'),
		children: [
			{
				path: 'dashboard',
				component: load('dashboard')
			},

[liquidity]

Screenshot :
https://drive.google.com/file/d/0B-kAyGh2MNc4MkEyT1JyWjZSNVU/view?usp=sharing

[benoitranque]

You should not be using another q-layout… unless you use a fullscreen modal but that is hacky

Does dashboard need to be a child route of main? Make it a sibling

[liquidity]

Thanks, no it just would have made the layouts easier, I’ll break main down into more discrete components and make it a sibling.

Just needed to know if I was off track.

[JaredThirsk]

One idea I am trying: using portal-vue (https://portal-vue.linusb.org/) in the header and footer to add additional sub-headers and sub-footers.