© 2026 Hedgehog Software, LLC

TwitterGitHubDiscord
More
CommunitiesDocsAboutTermsPrivacy
Search
Star
Setup for Free
FilamentF
Filament•14mo ago•
20 replies
Harvey

Different toast alignments for frontend

I have an admin panel, and I am using the Toast notifications in a regular livewire component (https://filamentphp.com/docs/3.x/notifications/installation).

The issue I am having is I cannot find a way of changing the position of the toast notifications only on the frontend.

The code I am using to change it.
Notifications::alignment(Alignment::Center);
Notifications::verticalAlignment(VerticalAlignment::End);
Notifications::alignment(Alignment::Center);
Notifications::verticalAlignment(VerticalAlignment::End);


I have tried the following:

1. Adding it inside
View::composer('layouts.app', function() {})
View::composer('layouts.app', function() {})

2. Creating a middleware and applying it to the frontend routes.
3. Using
request()->is('admin/*')
request()->is('admin/*')


It only happens when trying to send a toast in livewire, does work if I send it then redirect (like a regular flash msg).

Notification::make('foo')
    ->title('bar')
    ->send();
Notification::make('foo')
    ->title('bar')
    ->send();


It's like these attempts cannot tell if the livewire update request is frontend/admin panel so does not work, and Filament is generating the position during this request.
Installation - Notifications - Filament
Solution
Ok have figured it out with:
.fi-no {
    @apply !items-center !flex-col-reverse !justify-end;
}

.fi-no .translate-x-12 {
    @apply -translate-y-12 translate-x-0;
}
.fi-no {
    @apply !items-center !flex-col-reverse !justify-end;
}

.fi-no .translate-x-12 {
    @apply -translate-y-12 translate-x-0;
}

which makes it slide in from the top (and is in the middle) like default
Jump to solution
Filament banner
FilamentJoin
A powerful open source UI framework for Laravel • Build and ship admin panels & apps fast with Livewire
20,307Members
Resources
Was this page helpful?

Similar Threads

Recent Announcements

Similar Threads

Database notifications toast
FilamentFFilament / ❓┊help
3mo ago
frontend theme
FilamentFFilament / ❓┊help
3y ago
Filament Frontend
FilamentFFilament / ❓┊help
3y ago
Multi tenant system requires different config for different panels
FilamentFFilament / ❓┊help
4mo ago