It's possible to modify template not just colors?
Hello,
I'm new on TALL, so i'm coming from the old school working with CodeIgniter 3 and Boostrap, so there's many many fancy themes with Bootstrap 5 for Dashboard, and you have just to buy it and implemented on the Codeigniter 3 folder as a HTML files, there's a part of a labourious to do it well but there is no complexity for that.
I don't know how to focus that, because as i can see Filament PHP it's an incredible tool to make CRUD projects but i don't see any HTML file, that's new for me, i have to assume that everything it's made behind the wall?
How to modify full template structure or style?
Thanks
Solution:Jump to solution
I won’t say you can’t but it would be painful. Zep from the core team is creating themes that he plans to release over the next few months. You could wait to see what he’ll be offering.
20 Replies
Hey, thanks, I read that documentation, but I only see that it shows how to change the colors. There's a point where it seems to say something about making your own template, but it feels like you can only add your own CSS.
What I want to know is if I can use an HTML template from a marketplace like Dashboard.
then no you cannot
you can modify only by using css how it looks
Okei, so there is no way to use this theme Tailwind for example:
https://tailadmin.com/
Free Tailwind CSS Admin Dashboard Template - TailAdmin
TailAdmin is a Free and Open Source Tailwind CSS Admin Dashboard Template, provides developers with everything need to create a complete, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.
Solution
I won’t say you can’t but it would be painful. Zep from the core team is creating themes that he plans to release over the next few months. You could wait to see what he’ll be offering.
Thank you Brian!
anyone else working on themes sooner? willing happily spend some $
Filament provides filament-specific classes all through the theme so you can target different components and you probably can get somewhat close.
I promise you. It will be a lot easier to learn tailwind than it will be to force bootstrap into a framework that use tailwind.
@awcodes it's possible to implement a new layout for the dashboard using tailwind ? keeping all the filament functionalities ?
Yes. With a customer page you can do anything you want:
You may also need a custom theme. But it’s entirely possible to do anything you want. It’s still just a view and still just liverwire and laravel.
awesome, thanks!
That make senses, i will try to learn tailwind. But the question is, if you see a default template anyway for some projects they demand a personal or "different" template, it's just possible to use a Tailwind Admin Dashboard template to FilamentPHP?
For example like that:
https://tailadmin.com/
Free Tailwind CSS Admin Dashboard Template - TailAdmin
TailAdmin is a Free and Open Source Tailwind CSS Admin Dashboard Template, provides developers with everything need to create a complete, data-driven back-end, dashboard, or admin panel solution for upcoming web projects.
Yes, as long as you aren't using the Panels package you can do anything you want by using the other packages in a stand alone way.
So, if i change my template i cannot use the Resources and logic of Filament like this "table":
Resources are part of a panel. but you can still use tables, forms, notifications without a panel, you would just have to wire everything up yourself.
I will try to use Free Tailwind CSS Admin Dashboard Template hhhh don't know where to start, some clue?
I'd start by trying to just make a custom theme for your existing app. Doing an entire custom interface is going to be a lot of work.
If you use panels, you are embracing Filament's "template", all its views and styling, and can really only tweak CSS and colors. Trying to radically change it is very much trying to hammer a square peg into a round hole. It's possible with enough brute force, but not recommended.
However, as Adam says, you can use all the individual Filament packages (tables, forms, actions, notifications, etc) on a "front end", within your own custom app layout. And because Resource Managers in Filament are just Livewire components that tie Filament forms and tables together in tabs with some Actions sprinkled in, it's (relatively) easy to build your own "relation managers", and replicate all of that functionality in your own site template.
Here's an example of a standard Jetstream front end with "relation managers". I just copied Filament's RM view logic wholesale into my own view, and implemented a page component that provides the various methods those views rely on (again, mostly just copied from Filament's codebase).
So the tradeoff is ... using Panels, lightning fast development, but accept Filament's overall template / look & feel vs your own entirely custom "front end", but a lot more work to stitch it all together.