Filament

F

Filament

A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire

Join

Table SelectFilter

I have two Select Filter. Filter1, Filter2. The Filter2 content is dependent of what is selected in Filter1. I cant figure out how to do it. Please help....
Solution:
Have a look at this https://v2.filamentphp.com/tricks/dependent-select-filters v2 but should still work for v3. Not sure if there is a better solution...

Custom Row Accordion

Hi, I'm trying to figure out how to use custom code to replace the rows in a table. Is this possible? I want to keep the header actions of the table (search, filter, add new button that opens a modal with a form in it) but instead of regular rows and columns, I want each record to appear in a custom accordion. I keep running around in circles with custom livewire code and filament widgets and I can't find any indication that this is even possible in the documentation. (Filament 3.x)...

custom component background color

I am wondering why the background color is not applying when I use tailwind class. I have installed and configure custom theme and i have installed tailwindcss. I am on laravel 12. method 1: ```php <div class="h-3 w-full bg-gray-200 rounded-full overflow-hidden dark:bg-gray-700">...

Test Pagination options 10,20,50,100

Is there anyway to make test for pagination options? ``` it('should have pagination options of 10, 20, 50, 100', function () { // code for test...
No description

Table with infolist

I'm trying to render a section of an infolist and it's just a table, but there doesn't seem to be a table component of the infolist components. Is there a way to do this?...

I want to show modal after saving data for choosing that users go to listing page or edit page.

I also try afterCreate() but after Create not show modal box protected function afterCreate(): void { $user = $this->record;...

Disable "Create" until receiving a webhook?

Hi, I'm using a third-party video uploader (Mux.com). When the upload is complete and processed by them, they send a webhook that I receive and process. In my filament resource, I want to disable creation until i receive the webhook payload and process it....
No description

Import Error

SQLSTATE[23000]: Integrity constraint violation: 1452 Cannot add or update a child row: a foreign key constraint fails (marzsports.imports, CONSTRAINT imports_user_id_foreign FOREIGN KEY (user_id) REFERENCES users (id) ON DELETE CASCADE) (Connection: mysql, SQL: insert into imports (user_id, file_name, file_path, importer, total_rows, updated_at, created_at) values (2, team-import - team-importer-example (2) (2).csv, /Users/katendenicholas/Desktop/laravel/marzsportwebapp/storage/app/private/livewire-tmp/oIr4TxEZWH8VzBTEM4sQgTOzBDcHjJ-metadGVhbS1pbXBvcnQgLSB0ZWFtLWltcG9ydGVyLWV4YW1wbGUgKDIpICgyKS5jc3Y=-.csv, App\Filament\Imports\TeamImporter, 6, 2025-05-17 18:27:28, 2025-05-17 18:27:28)) I created a new filament admin panel and used a different table to login but when I try to import I get that error because I am not using that the user table for logging...

Custom Import & Export Table used by Prebuilt Actions

In our application, we have already have an import and export table. This causes issues when we want to use the Filament Prebuilt Import/Export Actions.
Does anyone know of a way to customise what table Filament uses for this ? I looked through the code and it appears pretty hardcoded and I was thinking of submitting a PR for v4 to make them them configurable but I don't know it would be accepted or wanted....

Trying to install filament

I'm getting this error, when running the first composer require command (composer require filament/filament:"^3.3" -W) The openssl extension is required for SSL/TLS protection but is not available. If you can not enable the openssl ex tension, you can disable this error, at your own risk, by setting the 'disable-tls' option to true....

How to Order Infolist RepeatableEntry by Custom Column Instead of ID?

Dear all, I'm aware that Forms and Infolists use different schemas in Filament, and i've successfully used the ->orderColumn('order_field') method on a Form Repeater to set a custom order, and it works perfectly. However, in the Infolist RepeatableEntry, the items always appear ordered by ID (ascending), and I can't find any documentation on how to change this. There doesn't seem to be a method like ->orderColumn() for Infolists....
Solution:
I think you can just call ->state method and grab data you want to. ```php RepeatableEntry::make('items') ->label('Items') ->hiddenLabel()...
No description

i am new to laravel and filament...

so i need to remake an existing table into filament table. but for some reason it looks like this... here is the code for livewire file: ```php class WarehouseItemsTable extends Component implements HasTable, HasForms { use InteractsWithTable;...
No description

SelectFilter Search and Non Matching Results

Ive verified this with a few different SelectFilters that are searchable() and ive noticed that if a type something in that i know has a match, it shows up at the top, but if I type in lets say someones name that I know is not in the user filter, i still have a list of users that in no way match that name. As I type, the list can get smaller, but still, none of them matched, so it should be empty shouldnt it once nothing matches? Not clear from the image, but i had typed in fppfppbarsdf ```php SelectFilter::make('user_id') ->label('User') ->options(User::active()->pluck('name', 'id')) ->searchable()...
No description

i wan't to build a picture gallery grid with auto resize

Hello, i'm building a picture gallery to show my wedding pictures to my family with some access restriktions. I'm using the grid format, but i'm not finding a solution that the grid is ajusted to the picture, so when i have a portrait format that there is no whitespace left or right, but maybe instead of 3 grids, there are 4. like two landscape grids and 2 portrait grids. i'm using filament's spatiemedialibrary plugin and nothing other until now....
No description

costumize/style Filament table via Livewire on Laravel

Hello guy! I'm in need of help, i'm using filament table in laravel, using the know system filament -> livewire ->laravel to diplay it in a webpage, but i need to style them according to a prior design. all tutorials I found are for the table in filament (where you can add edit and modify in a admin page) but i need these style to be applied on the table on the web page through livewire. For example i tried a tutorial to remove the padding for each row (link here: https://www.youtube.com/watch?v=0vUCJZRcViM) and it work in filament (picture 1) but not in the webpage (picture 2 this one is the one that use livewire). Is it possible? and if so how? Thanks a lot i hope the image explain better what i mean. Let me know if you need more details. P.s. I search the docs but found only part of what i need, this is why i'm writing a new post. ...
No description

Do I have to authorize manually in the `->action()` method as well?

I have the following code to change the status on a record: ```php Tables\Actions\Action::make('changeStatus') ->authorize(fn (WorkOrder $record): bool => static::canEdit($record))...
Solution:
Authorize is a livewire controller check for permissions. As you are adding an action it's not possible for it to be run unless it's visible.. You can't hit the action serverside without it being visible and mounted on the page. You are thinking more of functions you can action from a url/post request. So as visible is always false, they would have to somehow bypass the visiblity to show it, for livewire to register/mount it....

Method name

Can anyone please explain what names are allowed (and what are not) for creating actions. I have a project in which I need to create many custom actions. I have wasted a lot of time trying to figure out this. Thanks in advance for any help....
Solution:
Does the method name still match the action name?

How to put all of the table columns to the horizontal start of the table?

Hello! In the first image, you can see how Filament builds the table, but I want it to behave like the second image. Is it possible to achieve this? I want to move the checkbox and columns to the start and place the actions column at the end. Can this be done globally? I would like to apply this change to every table in a project. Thanks!
No description

How to customize getTabs() layout for mobile view?

Hey! I'm using Filament with getTabs() in my Livewire component. On mobile, the tabs scroll horizontally, but I’d prefer a layout that’s more like a vertical stack or tag-style — just something easier to tap through on smaller screens. I’m not the best when it comes to CSS or custom styling is there a simple way to tweak the layout for mobile? Any tips or direction would be awesome! ...
No description