F
Filament•11mo ago
Matthew

Cant display modal with custom view

What I want is a modal with 3 buttons. I have a modal action in my header 
Action::make('queryAction')
  ->color('info')
  ->label('Query Movies')
  ->modalContent(view('filament.resources.movie-resource.actions.actions-modal'))
Action::make('queryAction')
  ->color('info')
  ->label('Query Movies')
  ->modalContent(view('filament.resources.movie-resource.actions.actions-modal'))
<x-filament::modal>
    <x-filament::button color="primary" class="w-full">
        sadbasdasd
    </x-filament::button>

    <x-filament::button  color="info" class="w-full">
        asdjabsdjasd
    </x-filament::button>

    <x-filament::button  color="success" class="w-full">
        dabdajda
    </x-filament::button>
</x-filament::modal>
<x-filament::modal>
    <x-filament::button color="primary" class="w-full">
        sadbasdasd
    </x-filament::button>

    <x-filament::button  color="info" class="w-full">
        asdjabsdjasd
    </x-filament::button>

    <x-filament::button  color="success" class="w-full">
        dabdajda
    </x-filament::button>
</x-filament::modal>
Yet when I click on the button, it shows the default view
No description
1 Reply
Matthew
MatthewOP•11mo ago
Apparently I dont need the <x-filament::modal> But still I havethe actions at the bottom lol Potential solution: 
Action::make('queryAction')
    ->color('info')
    ->label('Query Movies')
    ->modalContent(view('filament.resources.movie-resource.actions.actions-modal'))
    ->modalSubmitAction(false)
    ->modalCancelAction(false)
Action::make('queryAction')
    ->color('info')
    ->label('Query Movies')
    ->modalContent(view('filament.resources.movie-resource.actions.actions-modal'))
    ->modalSubmitAction(false)
    ->modalCancelAction(false)
<x-filament::button color="primary" class="w-full">
    sadbasdasd
</x-filament::button>

<x-filament::button color="info" class="w-full">
    asdjabsdjasd
</x-filament::button>

<x-filament::button color="success" class="w-full">
    dabdajda
</x-filament::button>
<x-filament::button color="primary" class="w-full">
    sadbasdasd
</x-filament::button>

<x-filament::button color="info" class="w-full">
    asdjabsdjasd
</x-filament::button>

<x-filament::button color="success" class="w-full">
    dabdajda
</x-filament::button>
Lemme know if I am overcomplicating it. Group Actons seem to work better 🤔

Did you find this page helpful?