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

No description
11 Replies
toeknee
toeknee3mo ago
Well that all depends on what you want to customise....
bogus
bogus3mo 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 MarxOP3mo 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
awcodes3mo 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 MarxOP3mo 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
Matthew3mo 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 MarxOP3mo ago
How about full customization? Like moving the search input from the table into the section header?
Matthew
Matthew3mo ago
hmmm...suspect it is possible. Haven't looked into it though.
Karl Marx
Karl MarxOP3mo ago
Is it possible to move the checkbox and the icon on top?
No description
Matthew
Matthew3mo ago
Yes. You can have an html column. In theory you can put a whole website inside a cell.
Karl Marx
Karl MarxOP3mo ago
The bulkcheckbox button cannot be moved into a ViewColumn

Did you find this page helpful?