F
Filament•3w ago
aldec

Opening modals on page visit

I have several modals in my resource (FilamentComments, a custom 'relation manager' in a modal etc.). Is there a way to have a particular modal opened on visiting the edit page? Or having a table row action which opens the edit page with an opened modal?
3 Replies
TK
TK•2w ago
Yes, add a mount to the ListRecords file (the index). Below an example: 
    public function mount(): void
    {
        if ($recordId = request()->query('open_modal')) {
            $this->js(
                "setTimeout(() => {
                    const editButton = document.querySelector('[wire\\\\:click*=\"mountTableAction(\'edit\', \'{$recordId}\')\"]');

                    if (editButton) {
                        editButton.click();
                    }
                }, 100)"
            );
        }
    }
    public function mount(): void
    {
        if ($recordId = request()->query('open_modal')) {
            $this->js(
                "setTimeout(() => {
                    const editButton = document.querySelector('[wire\\\\:click*=\"mountTableAction(\'edit\', \'{$recordId}\')\"]');

                    if (editButton) {
                        editButton.click();
                    }
                }, 100)"
            );
        }
    }
Make sure to pass a request parameter to the page, like so:/ 
Action::make('view')
      ->label('View')
      ->icon('heroicon-o-eye')
      ->url(
          function ($record): string {
              return FilamentResource::getUrl(
                  'index',
                  ['open_modal' => $record->id],
              );
          },
      )
Action::make('view')
      ->label('View')
      ->icon('heroicon-o-eye')
      ->url(
          function ($record): string {
              return FilamentResource::getUrl(
                  'index',
                  ['open_modal' => $record->id],
              );
          },
      )
Arnold Schwarzenegger
Arnold Schwarzenegger•2w ago
aldec
aldecOP•2w ago
Ah, thank you! I didn't know I could trigger actions via URL parameters. So I just used this snippet in my list view to open the comments modal: 
Action::make('edit')
                    ->label('Comments')
                    ->url(fn (Process $record): string => ProcessResource::getUrl('edit', [$record->id]) . '?action=comments'),
Action::make('edit')
                    ->label('Comments')
                    ->url(fn (Process $record): string => ProcessResource::getUrl('edit', [$record->id]) . '?action=comments'),

Did you find this page helpful?