How To Change Position of UserMenu ?
Hi all . I want to know how change the position of user menu to the nav end like in the pic ? I did search in this discord and found 1 questions that related but i still don’t understand how to do it . Anyone can help me?
Solution:Jump to solution
here's the demo repo & commit w/ the relevant changes: https://github.com/stursby/filament-user-menu-position/commit/19b81946f313f32ebea6a6b84df840ab0e6955fc
10 Replies
@Expecto Patronum I think I've got it working using a combination of render hooks & a custom theme (in order to hide the topbar w/ CSS)
Solution
here's the demo repo & commit w/ the relevant changes: https://github.com/stursby/filament-user-menu-position/commit/19b81946f313f32ebea6a6b84df840ab0e6955fc
you can customize the layout/style of that user menu in this custom view: https://github.com/stursby/filament-user-menu-position/blob/19b81946f313f32ebea6a6b84df840ab0e6955fc/resources/views/components/filament/sidebar-user.blade.php
GitHub
filament-user-menu-position/resources/views/components/filament/sid...
Contribute to stursby/filament-user-menu-position development by creating an account on GitHub.
thanks . it worked . but how to dropdown next to the logo? instead need to click logo to popup menu?
You'd need to overwrite the
<x-filament-panels::user-menu> component to change that behaviourI'm not sure what you mean by "dropdown next to the logo"? Are you saying you want the user menu to show up on hover instead?
Sorry for my English not really good . I show examples in the picture. Have dropdown like this.
got it, to do something like that you would have to build your own or overwrite the default user-menu component like @Dennis Koch mentioned. You can see the defauly implementation here: https://github.com/filamentphp/filament/blob/d324a6a602e30373ef674ef8130c7a0a1455af9e/packages/panels/resources/views/components/user-menu.blade.php
GitHub
filament/packages/panels/resources/views/components/user-menu.blade...
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. - filamentphp/filament
okay great . thanks for your help