How do I completely hide this label from a list resource?
Hello,
I am struggling to hide this highlighted label completely from one of my resources, I need all the space there is on the page for the table to appear as high as possible, so I need to hide that label as well.
I have managed to hide the breadcrumbs but not being able to hide the label.
Please let me know how do I do that?
I tried with the css but it hides the label from all resources.
If there is not a Filament way to do it then is it possible to give a class to that header div for that resource page? So I can hide it using css?
Thank you so much.
Solution:Jump to solution
There should be a class based on your resource name:
.fi-resource-list-records-page.fi-resource-customers...9 Replies
Yes you can use css to hide it. Just use a custom theme and target it. Just be aware of a11y issues if you actually need to hide it.
@awcodes I am using the custom theme but the question is how to target it because if I hide .fi-header class it will hide from all resources.
I only want to hide it from the ListCustomer.php page where it shows the table. The EditCustomer and CreateCustomer pages can show it.
Solution
There should be a class based on your resource name:
.fi-resource-list-records-page.fi-resource-customersYou will probably also hide the
CreateActionI don't need CreateAction
fi-resource-customers worked
Thank you so much.
Dev tools are your friend. Follow the css specificity up the tree. It’s not a filament specific thing.
Sometimes it's hard to find the right classes in the Tailwind mess 😅
For sure.
I understand, thank you so much for really great support.