Modal does not show close button by default, on custom columns
I have a page that shows a custom column:
public function table(Table $table): Table
{
$user = auth()->user();
$client = Client::query()->where('id', $user->client_id)->first();
return $table
->query($client()->getQuery())
->columns(
[
ViewColumn::make('deadlines')
->label('Deadlines')
->view('filament.tables.columns.client.deadlines')
]
);
}
In the custom column Blade.php file, there is a modal inside it:
<x-filament::modal :close-button="true" id="test" width="xl">
test
</x-filament::modal>
There is also a button to open the modal on click:
x-on:click="$dispatch('open-modal', {id: 'test'})"
Problem
According to the documentation:
By default, modals have a close button in the top right corner.
https://filamentphp.com/docs/3.x/support/blade-components/modal#hiding-the-modal-close-button
However, this is not the case for me. The close button is not displayed.2 Replies
Possibly related to: Docs Update - Modify the modal blade component page #13864
When using the modal blade component, a close button only displays in the top right corner when using a heading. This commit makes a slight adjustment to the documentation to make this clearer.
Looks relatable, will give it a try using a heading.
Adding a heading fixed the issue, thanks!