How to customize a resource page layout and a table component layout?

No description
11 Replies
toeknee
toeknee4w ago
Well that all depends on what you want to customise....
bogus
bogus4w ago
Filament
Table Layout Toggle by Thomas Georgel - Filament
Provides a toggle button for tables, allowing users to switch between Grid and Table layout.
Karl Marx
Karl MarxOP4w ago
I did the grid layout but if I customize the table via css it affects all tables. I want to customize a specific resource page.
awcodes
awcodes4w ago
There will be a class that references the resource higher up in the dom tree. Don’t remember which element specifically it is on but you can use that to target specific tables, probably on the .fi-page element. Something like .fi-list-<model>-resource
Karl Marx
Karl MarxOP4w ago
I'll take a look on that. Is it possible to customize the resource page? Like the whole page. Based on the image above.
Matthew
Matthew4w ago
Yes, that is possible. You can put HTML into the columns, so from that perspective you can do what you want. We've just recently implemented an internal messaging system that is just a table:
No description
Karl Marx
Karl MarxOP4w ago
How about full customization? Like moving the search input from the table into the section header?
Matthew
Matthew4w ago
hmmm...suspect it is possible. Haven't looked into it though.
Karl Marx
Karl MarxOP4w ago
Is it possible to move the checkbox and the icon on top?
No description
Matthew
Matthew4w ago
Yes. You can have an html column. In theory you can put a whole website inside a cell.
Karl Marx
Karl MarxOP4w ago
The bulkcheckbox button cannot be moved into a ViewColumn

Did you find this page helpful?