Filament•2mo ago

Customise cluster sub-menu

The cluster sub-menu takes up a lot of real estate. Together with the sidebar nav, they occupy a third of the page's width. Is there a way of making cluster menu entries behave like nav groups? Either that, or have it as a horizontal menu just above the breadcrumbs

4 Replies

winslow4•2mo ago

@IWBW you could try the following. Not sure whether it would put the nav above the breadcrumbs by default.

class ExampleCluster extends Cluster {
    protected static SubNavigationPosition $subNavigationPosition = SubNavigationPosition::Top;
}

class ExampleCluster extends Cluster {
    protected static SubNavigationPosition $subNavigationPosition = SubNavigationPosition::Top;
}

IWBW•2mo ago

Thank you. I'll try that next time. I ended up doing away with clusters because of that issue

Ron•2mo ago

@IWBW you can use a custom theme and use the following to adjust the width of the cluster sub-menu https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

.fi-page-sub-navigation-sidebar.w-72 {
    width: 13rem;
}

.fi-page-sub-navigation-sidebar.w-72 {
    width: 13rem;
}

The default is 18rem;

Themes - Panel Builder - Filament

IWBW•2mo ago

WOW! Dude, that's a lovely theme you made there! Thank you for sharing. It looks like you are using it for something similar to what I'm building. What a coincidence! I'm trying to build a Cozy.io alternative

Gaming

Programming

Customise cluster sub-menu