New Record Modal does not work in Select Form

I have a Select button that draws options from the database. I also want the user to be able to create a new category in case it doesnt exist in one of the available options. However, when I press the add button, it changes into a loading icon for a bit then reverts back to the original + icon. The modal does not appear at all.

Here is the code used for it:

Select::make('category')
                ->model(Project::class)
                ->relationship(name: "task_category", titleAttribute: "name")
                ->createOptionForm([
                    TextInput::make('name')
                        ->label('category name')
                        ->required(),
                    TextInput::make('code')
                        ->label('category code')
                        ->required()
                ])
                ->label('select task category')

Select::make('category')
                ->model(Project::class)
                ->relationship(name: "task_category", titleAttribute: "name")
                ->createOptionForm([
                    TextInput::make('name')
                        ->label('category name')
                        ->required(),
                    TextInput::make('code')
                        ->label('category code')
                        ->required()
                ])
                ->label('select task category')

Solution

Okay, it turns out you need to add

<x-filament-actions::modals/>

<x-filament-actions::modals/>

to the livewire component's blade file. Thanks for taking the time though!

Jump to solution

Filament•15mo ago•

3 replies

Erdos Holland

New Record Modal does not work in Select Form

Select::make('category')
                ->model(Project::class)
                ->relationship(name: "task_category", titleAttribute: "name")
                ->createOptionForm([
                    TextInput::make('name')
                        ->label('category name')
                        ->required(),
                    TextInput::make('code')
                        ->label('category code')
                        ->required()
                ])
                ->label('select task category')

Select::make('category')
                ->model(Project::class)
                ->relationship(name: "task_category", titleAttribute: "name")
                ->createOptionForm([
                    TextInput::make('name')
                        ->label('category name')
                        ->required(),
                    TextInput::make('code')
                        ->label('category code')
                        ->required()
                ])
                ->label('select task category')

Solution

Okay, it turns out you need to add

<x-filament-actions::modals/>

<x-filament-actions::modals/>

to the livewire component's blade file. Thanks for taking the time though!

Jump to solution

New Record Modal does not work in Select Form

New Record Modal does not work in Select Form

Similar Threads

Similar Threads

Similar Threads