How To Add Toastr Notification In Laravel

WebSolutionStuff | May-29-2020 | Categories : Laravel PHP jQuery CSS Bootstrap

In this tutorial, I will show you how to add toastr notification in laravel application. There are many types of notification available to display different messages in laravel or PHP like simple pop-up notification using jquery, display messages using bootstrap modal, display notification using flash message, and toastr message notification.

So, let's start with how to add toastr notification in laravel and add the below code in your application to get output. Also, you can add custom messages in toastr notification.

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

<head>
    <title>Laravel 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 need to add different toastr messages in the 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 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, I hope you will be successfully implementing this code and displaying the different messages in your laravel applications.

 


You might also like :

Recommended Post
Featured Post





Follow us
facebooklogo github instagram twitter