Filament•10mo ago

When using a modal, If I send a notification it appears under the modal

Hello all, I want to ask a little question.. I tried to search and find a solution but nothing helped. I am using a x-filament-modal in a x-filament-page and when the modal opened, I want to show an error notification. It works as expected howevet the notification hides under the modal. Can I make the notification appear on top of the modal? Thanks.

1 Reply

Tieme•10mo ago

You can solve this with css, but simpelest option is to implement a placeholder with some custom attributes. something like this.

\Filament\Forms\Components\Placeholder::make(uniqid())
            ->label(false)
            ->content(fn (): string => 'Please note, when adjusting the details below, all orders that use $Somthing will also be adjusted.'))
            ->hintColor('warning')
            ->extraAttributes([
                'class' => 'text-center p-2 rounded-md font-medium ring-1 ring-inset bg-warning-50 text-warning-600 ring-warning-600/10 dark:bg-warning-400/10 dark:text-warning-400 dark:ring-warning-400/30',
            ])
            ->columnSpanFull();

\Filament\Forms\Components\Placeholder::make(uniqid())
            ->label(false)
            ->content(fn (): string => 'Please note, when adjusting the details below, all orders that use $Somthing will also be adjusted.'))
            ->hintColor('warning')
            ->extraAttributes([
                'class' => 'text-center p-2 rounded-md font-medium ring-1 ring-inset bg-warning-50 text-warning-600 ring-warning-600/10 dark:bg-warning-400/10 dark:text-warning-400 dark:ring-warning-400/30',
            ])
            ->columnSpanFull();

Gaming

Programming

When using a modal, If I send a notification it appears under the modal