F
Filament•13mo ago
onursahindur

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.
No description
1 Reply
Tieme
Tieme•13mo 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();

Did you find this page helpful?