Topics

Filament•5mo ago

Clear Notification after Button Clicked

Is it possible to clear a specific database notification by clicking an action button?

Solution:

'x-on:click' => 'close' will delete the notification I guess. Try it

Jump to solution

16 Replies

toeknee•4mo ago

You can technically just delete the notification directly so no need to clear?

tinkypinky•4mo ago

How to access current notification within the Action?

toeknee•4mo ago

So you want to add a button to the popup notification to clear it?

tinkypinky•4mo ago

Yes Not Popup but Database Notification

toeknee•4mo ago

But database notifications have an X to them to remove it?

LeandroFerreira•4mo ago

this?

Notification::make()
    ->title('Saved successfully')
    ->success()
    ->actions([
        \Filament\Notifications\Actions\Action::make('clear')
            ->label('Clear')
            ->extraAttributes([
                'x-on:click' => 'close',
            ]),
    ])

Notification::make()
    ->title('Saved successfully')
    ->success()
    ->actions([
        \Filament\Notifications\Actions\Action::make('clear')
            ->label('Clear')
            ->extraAttributes([
                'x-on:click' => 'close',
            ]),
    ])

tinkypinky•4mo ago

This will close the modal. I want to delete it from the db.

LeandroFerreira•4mo ago

Where are you trying to do it?

tinkypinky•4mo ago

From the Notification Modal

LeandroFerreira•4mo ago

Do you have the notification id?

tinkypinky•4mo ago

Let me show you a little bit of code.

LeandroFerreira•4mo ago

I guess you can use in the action ->dispatch('notificationClosed', ['id' => 'notificationid'])

tinkypinky•4mo ago

If I click on clear, it deletes all notifications for the user. I want to delete only a specific notification after Download button is clicked

No description

Solution

LeandroFerreira•4mo ago

'x-on:click' => 'close' will delete the notification I guess. Try it

tinkypinky•4mo ago

Perfect. How did you came to know about this? I mean where to look in docs etc.

LeandroFerreira•4mo ago

The Filament docs are awesome, but sometimes we gotta dive into the source code to get things done.

Filament is a collection of beautiful full-stack components for Laravel.You can get help using it on our Discord.

15KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Automatically create and save relationships from selectIn an invoice form, I want to save all the dishes in that invoice. In the table table database, I wa Filament V3 is running slowly on windows 10/11My Filament v3 Project is running slowly on window 10/11 . Any one can help how do i resolve it ?navigationGroup under nth child navigationGroup?top group name Pages then inside multiple navigationGroup have own childitems RichEditor put tagsI am using the richeditor component, it works fine, it saves the content in the database but it adds Does Filament have a range slider?How to input one in Create and Form without using plugin?Modal UI BugI encountered this bug after updating to v3.2.22 has anyone noticed this or is it just on my end? T how to add action buttons to slideOver() footerthis Table (or Table lookalike) with an Eloquent collectionSince I'm using Filament tables in other places in my project, for style consistency I'd like to be Export Action - Lifecycle HooksHi All Ok, so I am using the prebuilt export action and I would like to update certain values in t Export Action - Update Table RowsHi All Ok, so using the prebuilt export action I would then like to update certain values in the D