collapsible bar
How do I make my Filament app's collapsible bar not hide the logo, but only the resources I've already created?
I need to remove it from the navigation bar
Solution:Jump to solution
The logo area is part of the sidebar area, not the topbar. Only way to do what you want is to override the page view component. But that is strongly not recommended.
13 Replies
You can't be default since the logo needs to be hidden to show the menu bar.
couldn't i just hide the bar?
What bar?
Menu bar?
aside bar or navigation bar
yes
???
I am not sure what you are wanting tbh. You say not hide the logo but only resources... Can you provide screenshots of what you are looking for?
This is what I need to do, so that the menu is the only thing that is hidden and does not affect the navbar by hiding the icon.
??
It's not built like that and won't work like that. The arrow is to the right of the logo within the main container. On collapsing the container there is no room for the logo so just the icon shows.
Yes I understand, but I only want to collapse the items below, not the navbar logo, it seems I'm not expressing myself well and you don't understand my point.
I just want to contract the resources, so to speak, so you understand me.
By default it also hides my company logo.
Solution
The logo area is part of the sidebar area, not the topbar. Only way to do what you want is to override the page view component. But that is strongly not recommended.
I just want the resource menu to be hidden, not the navbar logo 😢
I get what you are saying, you want to change the UI/UX so that when the collapse button is pressed the lower nav disapears. But this isn't how filament is made and is against the UI Standards. You could try writing some custom JS to prevent hiding the logo and just hide the navigation bar. This would be the better way without override the views since they can change.
I understand, I will try to do it with javascript, thank you very much for your magnificent attention, have a nice day