RenderHook bottom of the Menu

Hey, Im was trying to put a logo in the bottom of the sidebar.

Filament::registerRenderHook(
                'sidebar.end',
                fn (): View => view('filament.logoIPT.logo'),
            );

Filament::registerRenderHook(
                'sidebar.end',
                fn (): View => view('filament.logoIPT.logo'),
            );

but the code above renders it just after the last menu item, not on the bottom... any work around this? Thanks

Solution:

I think I used CSS and added margin to the bottom of the sidebar and positioned the element at the bottom of the container with a position absolute

6 Replies

Solution

toeknee•2y ago

I think I used CSS and added margin to the bottom of the sidebar and positioned the element at the bottom of the container with a position absolute

Thijmen•2y ago

Yeah i don't think V2 had the sidebar.footer render hook And sidebar.end means after navigation items

toeknee•2y ago

Yeah it was sidebar.end I used IIRC

GushOP•2y ago

yeah

#logoIPT {
    position: absolute;
    bottom: 0;
    left: 0;
}

#logoIPT {
    position: absolute;
    bottom: 0;
    left: 0;
}

did the trick, thanks again

GushOP•2y ago

one more thing (even tho i marked as solved) how do i make it hide on collapse just like the brand logo on top of the menu

toeknee•2y ago

The same way we handle the upper, you'll need to use like x-bind:class="$store.sidebar.isOpen ? '' : 'hidden' "