Use metronic or any other admin panel with filament ?
Hi all, I'm getting into filament to replace a few zend framework custom apps i have that are using metronic as the admin panel. I'm still reading on filament but i'm trying to see how is it possible to incorporate a third party admin panel like metronic with filament. Is there a way to completely customize the look and feel of filament (not just tailwind colors)
Solution:Jump to solution
ok i figured it out. got a lot of help from this video https://www.youtube.com/watch?v=BH29fNA6U7o
apparently i had both in my composer
"filament/tables" and "filament/filament" this was causing unexpected behaviour. I also had alpinejs in my packages.json file. after i fixed that, i cleaned up node_modules and vendors and gave it another go. all good now!...Tuto1902
YouTube
Filament Tables with Livewire: Full Page Component! ✨
The great thing about Filament is that you don't have to use the Panel Builder. You can create a complete C.R.U.D. application using just one full-page Livewire component and the Filament Tables package. This video will show you how to do that, using a small example project.
https://github.com/tuto1902/livewire-medication-reminder
00:00 Intro
...
7 Replies
Filament is, itself, a panel provider so trying to incorporate it really doesn’t make a lot of sense. Are you trying to move to Laravel? I think you’ll need to create it from scratch in Filament.
yes im moving into laravel and filament. I've written a very similar version of filament in Zend Framwork 1.x 10 years ago and it is time to retire it. Filament does exactly what i envisioned and tried to do with my app 10 years ago but more elegant and efficient 🙂 So i decided to move into this ecosystem. However i depend a lot to metronic which is a fully featured admin panel (in terms of frontend) - my clients are very pleased with the look and feel of it and i want to keep that as it is actively maintained. I just want to have a way to include a filament table or forms wherever i want in my laravel app. I think i need to do this with the livewire components but i'm not sure
i think i managed to do this. I used
make:livewire-table and that created a livewire component which i managed to embed in laravel (not in filament admin panel) using @livewire('job.list-jobs')
However the table is not reactive and i don't see anything on my consoleDid you follow the whole installation guide for the table package?
https://filamentphp.com/docs/3.x/tables/installation
Hi @Dennis Koch , i followed that guide just now. The styles seem a bit off but the behaviour is the same. However i noticed the following. When I add
lazy="on-load" to the livewire component the table is now reactive but all the action menus are expanded. They are clickable but expanded.
Also i followed the guide of livewire installation just in case i missed something and i had to remove everything form the app.js file and set the 'inject_assets' => false, from livewire config as i am using manually injection using @livewireScripts
Still it does not seem to be reactiveYes, Please try and implement all things in filament, you can get the help where you stuck. I have also developed and deployed 3 projects properly within 4 months.
You got the free plugins and you do customise as you want
i must be doing something wrong. i followed the guide several times. i think it's because i already had a laravel project running and i followed the part about adding filament on an existing project. i will keep working on it and report back. if anybody has some insights, please do share
Solution
ok i figured it out. got a lot of help from this video https://www.youtube.com/watch?v=BH29fNA6U7o
apparently i had both in my composer
"filament/tables" and "filament/filament" this was causing unexpected behaviour. I also had alpinejs in my packages.json file. after i fixed that, i cleaned up node_modules and vendors and gave it another go. all good now!Tuto1902
YouTube
Filament Tables with Livewire: Full Page Component! ✨
The great thing about Filament is that you don't have to use the Panel Builder. You can create a complete C.R.U.D. application using just one full-page Livewire component and the Filament Tables package. This video will show you how to do that, using a small example project.
https://github.com/tuto1902/livewire-medication-reminder
00:00 Intro
...