How can i override the root layout?
Answered
Arboreal ant posted this in #help-forum
Arboreal antOP
So i have a navbar in my root layout, I want to remove it from all pages in my dashboard, i tried adding a layout,js file in my dashboard folder and from that layout i could add new elements but i couldn't override them from the root layout
Answered by B33fb0n3
Or you can do it like this:
(group1): as root with html,body
layout: with no nav bar
(group2): as root with html,body
layout: with nav bar
(group1): as root with html,body
layout: with no nav bar
(group2): as root with html,body
layout: with nav bar
13 Replies
@Arboreal ant So i have a navbar in my root layout, I want to remove it from all pages in my dashboard, i tried adding a layout,js file in my dashboard folder and from that layout i could add new elements but i couldn't override them from the root layout
you can create multiple root layouts like this:
https://nextjs.org/docs/app/building-your-application/routing/route-groups#creating-multiple-root-layouts
https://nextjs.org/docs/app/building-your-application/routing/route-groups#creating-multiple-root-layouts
@B33fb0n3 you can create multiple root layouts like this:
https://nextjs.org/docs/app/building-your-application/routing/route-groups#creating-multiple-root-layouts
Arboreal antOP
will i have to add a root layout for every group?
in each layout.js need to be html and body, yes
Arboreal antOP
so there is no way to override just in that folder? like i just wana have the root layout everywhere exept in the dashboard
@Arboreal ant so there is no way to override just in that folder? like i just wana have the root layout everywhere exept in the dashboard
you can either create multiple root layouts (multiple layouts, that contains html and body) or you have one layout with one html and body and build then route groups to seperate the nested content
@B33fb0n3 you can either create multiple root layouts (multiple layouts, that contains html and body) or you have one layout with one html and body and build then route groups to seperate the nested content
Arboreal antOP
so for the 2nd option can i remove the navbar?
If you don’t provide it inside the root layout, yes
You could have a this:
root layout (html, body)
(group1)
layout: with no nav bar
(group2)
layout: with nav bar
root layout (html, body)
(group1)
layout: with no nav bar
(group2)
layout: with nav bar
Or you can do it like this:
(group1): as root with html,body
layout: with no nav bar
(group2): as root with html,body
layout: with nav bar
(group1): as root with html,body
layout: with no nav bar
(group2): as root with html,body
layout: with nav bar
Answer
@Arboreal ant so there is no way to override just in that folder? like i just wana have the root layout everywhere exept in the dashboard
Brown bear
Yes, you can't override just in that folder. You can follow @B33fb0n3's mentions.
You need to create the groups to manage the multi layouts
You need to create the groups to manage the multi layouts
@B33fb0n3 Or you can do it like this:
(group1): as root with html,body
layout: with no nav bar
(group2): as root with html,body
layout: with nav bar
Arboreal antOP
Yeah i did it like that and it worked, thanks!
happy to help