Dashboard widgets: drag and drop
Hi All,
Is there a plugin or learning resources to configure a dashboard page to have the widgets be drag and drop by users to allow them to customise the dashboard widgets included and their layout/order?
Cheers, Tee
Solution:Jump to solution
https://github.com/asosick/filament-layout-manager by @wint3rshowl
GitHub
GitHub - asosick/filament-layout-manager: A filamentphp plugin whic...
A filamentphp plugin which enables user page customization using any livewire component - asosick/filament-layout-manager
8 Replies
I have been looking for this as well but I haven't found it.
I know this is not exactly what you are looking for, but:
I am currently a dynamic dashboard up myself. But I am doing it in a pretty simple way (Create a DB table, store the configuration in there, and load up a custom Dashboard page with the widgets). See my screenshot below.
You could add drag and drop in there yourself as well (seeing that's just a nice way of reordering).
Some references online I found for this are:
- lara-zeus: https://github.com/lara-zeus/dynamic-dashboard
GitHub
GitHub - lara-zeus/dynamic-dashboard: simple way to manage widgets ...
simple way to manage widgets and layout for your website landing page or users dashboard - lara-zeus/dynamic-dashboard
Filament
Using drag and drop sorting on a custom page by Misbah ansori - Tri...
Filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.
I just found the exact same thing for my project, however when dragging and dropping using this method my sorted items do not save and with one reload they are back to normal. Currently trying to find out how I can implement status changes on dropping an item aswel. I am using code from mokosh/kanban maybe there is some code in there that can help aswel.
https://filamentphp.com/plugins/mokhosh-kanban
Thanks for the responses 👍 I will check them out, if I get something working I'll post solution here. Cheers
Solution
https://github.com/asosick/filament-layout-manager by @wint3rshowl
GitHub
GitHub - asosick/filament-layout-manager: A filamentphp plugin whic...
A filamentphp plugin which enables user page customization using any livewire component - asosick/filament-layout-manager
Jep, also saw it in the other channel. I'm going to implement it and remove my own implementation 😄
Hey 👋 Hopefully this works for you! If you see any issues or something isn’t quite right, let me know 🙂
Ill probably push out a non breaking change later today to make the icon sizes over the widgets slightly more consistent
I am marking @wint3rshowl's plugin as a solution... I haven't implemented/tested but it seems to be the best starting point available 🙂