Opening modal from Livewire Component

I'm trying to open a modal from a livewire compoenent:

    public function createAction(): Action
    {
        return Action::make('create')
            ->form(MenuResource::getFormSchema())
            ->label('Create');

    }

    public function createAction(): Action
    {
        return Action::make('create')
            ->form(MenuResource::getFormSchema())
            ->label('Create');

    }

<div>
    {{ $this->createAction }}
    <x-filament-actions::modals />
</div>

<div>
    {{ $this->createAction }}
    <x-filament-actions::modals />
</div>

This does open the Modal, but without any of the syles from filament. Any ideas?

Solution:

you need to do this if you are using actions outside the panel https://filamentphp.com/docs/3.x/actions/installation#existing-laravel-projects...

Installation - Actions - Filament

Jump to solution

4 Replies

LeandroFerreira•4mo ago

Are you using only actions? Did you do this? https://filamentphp.com/docs/3.x/actions/installation

Installation - Actions - Filament

RuiAlmeidaOP•4mo ago

Hi, thanks for the reply, yes I was using a normal Filament with the panel etc, but i was trying to show in a non-filament page one modal from a resource. But i guess we dont have the styles etc. Maybe the best approuach would be to create a custom page and a livewire compoenent?

Solution

LeandroFerreira•4mo ago

you need to do this if you are using actions outside the panel https://filamentphp.com/docs/3.x/actions/installation#existing-laravel-projects

Installation - Actions - Filament

RuiAlmeidaOP•4mo ago

ohhh.... Perfect, thank you 🙂 Obrigado !

Gaming

Programming

Opening modal from Livewire Component