CSS for one resource

It is possible to apply styles to a single table of a specific resource. I want to hide a section of the table using CSS, but only for a specific resource.

Thanks!

Solution

It depends on what you want to hide because you are only hiding the element, not removing it from the page.

You can add this to the ListPage

protected array $extraBodyAttributes = [
    'class' => 'my-custom-page',
];

protected array $extraBodyAttributes = [
    'class' => 'my-custom-page',
];

Then, you can change the css using this class

.my-custom-page .fi-pagination-overview {
    @apply hidden;
}

.my-custom-page .fi-pagination-overview {
    @apply hidden;
}

Jump to solution

Filament•12mo ago•

4 replies

Xavi

CSS for one resource

It is possible to apply styles to a single table of a specific resource. I want to hide a section of the table using CSS, but only for a specific resource.

Thanks!

Solution

It depends on what you want to hide because you are only hiding the element, not removing it from the page.

You can add this to the ListPage

protected array $extraBodyAttributes = [
    'class' => 'my-custom-page',
];

protected array $extraBodyAttributes = [
    'class' => 'my-custom-page',
];

Then, you can change the css using this class

.my-custom-page .fi-pagination-overview {
    @apply hidden;
}

.my-custom-page .fi-pagination-overview {
    @apply hidden;
}

Jump to solution

CSS for one resource

CSS for one resource

Similar Threads

Similar Threads

Similar Threads