Laravel 8 Toastr Notifications Example

Websolutionstuff | Oct-19-2020 | Categories : Laravel PHP jQuery

Today, I will show you Laravel 8 Toastr Notifications Example.

There are many types of notifications available to display different messages in laravel 8 or php like display messages using bootstrap modal, simple pop-up notifications using jquery, display notifications using flash message, and toastr message notifications. So, in this post, I will show you how to add toastr notifications in laravel 8 and how to add custom messages in toastr.

So, let's see how to add toastr notification laravel 8, how to install toastr notification in laravel 8.

First, you need to add bootstrap CSS, toastr notification jquery, toastr CSS and toastr js in your main view blade file, I have added the below CDN in the <head> tag.

<head>
    <title>Laravel 8 Toastr Notification Example - websolutionstuff.com</title>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0- 
     alpha/css/bootstrap.css" rel="stylesheet">
	
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<link rel="stylesheet" type="text/css" 
     href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
	
    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
</head>

 

 

Then after we will add differents toastr message in script tag like below.

<script>
  @if(Session::has('message'))
  toastr.options =
  {
  	"closeButton" : true,
  	"progressBar" : true
  }
  		toastr.success("{{ session('message') }}");
  @endif

  @if(Session::has('error'))
  toastr.options =
  {
  	"closeButton" : true,
  	"progressBar" : true
  }
  		toastr.error("{{ session('error') }}");
  @endif

  @if(Session::has('info'))
  toastr.options =
  {
  	"closeButton" : true,
  	"progressBar" : true
  }
  		toastr.info("{{ session('info') }}");
  @endif

  @if(Session::has('warning'))
  toastr.options =
  {
  	"closeButton" : true,
  	"progressBar" : true
  }
  		toastr.warning("{{ session('warning') }}");
  @endif
</script>

After that we need to display messages in the view file using the redirect URL in the controller. So, we need to add some code in the controller also. So, copy the below code in your controller.

return redirect()->route('your route name')->with('message','Data added Successfully');

return redirect()->route('your route name')->with('error','Data Deleted');

return redirect()->route('your route name')->with('Warning','Are you sure you want to delete? ');

return redirect()->route('your route name')->with('info','This is xyz information');

 

 

So, we are done with our code part for toastr notifications example In Laravel 8.

toastr_notifications_example_in_laravel_8

 


You might also like:

Recommended Post
Featured Post
How To Create Pie Chart In Laravel 9 Using Highcharts
How To Create Pie Chart In Lar...

In this article, we will see how to create a pie chart in laravel 9 using highcharts. A pie chart is a circular statisti...

Read More

Oct-05-2022

Laravel 11 Livewire 3 wire:loading - Add Loading
Laravel 11 Livewire 3 wire:loa...

In this tutorial, I’ll show you how to add a loading spinner in Laravel 11 using Livewire 3's wire:loading dir...

Read More

Apr-07-2025

How To Add Bootstrap Modal In React JS
How To Add Bootstrap Modal In...

In this article, we will see how to add a bootstrap modal in react js. In this example, we will use the bootstrap m...

Read More

Sep-09-2022

How to Upload File on the FTP Server Using PHP
How to Upload File on the FTP...

In this small post i will show you how to upload file on the ftp server using php. As we know there are many ftp functio...

Read More

May-20-2021