Laravel notification message popup using toastr js plugin

Laravel notification message popup using toastr js plugin

In this post we will give you information about Laravel notification message popup using toastr js plugin. Hear we will give you detail about Laravel notification message popup using toastr js pluginAnd how to use it also give you demo for it if it is necessary.

In this post, i would like show you how to add toastr js plugin notification popup in Laravel from scratch. toastr plugin provide us success message notification, info message notification, warning message notification, error message notification that way we can add notification with good layout.

Laravel have also several package for notification but i use toastr js plugin, that provide nice layout and pretty interesting.

We require to add one time toastr jquery code for notification, then we can manage using session. In this example you can easily understand how to implement and use.

First we will add new route for testing toastr notification like as bellow:

app/Http/routes.php

Route::get('notification', 'HomeController@notification');

Ok, now we require to add controller method, so if you haven’t HomeController then create new HomeController and add code as bellow:

app/Http/Controllers/HomeController.php

namespace AppHttpControllers;


use AppHttpRequests;

use IlluminateHttpRequest;


class HomeController extends Controller

{


public function notification()

{

session()->set('success','Item created successfully.');


return view('notification-check');

}


}

Next, we require to create notification-check.blade.php file for layout so create new notification-check.blade.php file in resources directory.

resources/views/notification-check.blade.php

<!DOCTYPE html>

<html>

<head>

<title>Check For Notification toastr</title>

<script src="http://demo.onlinecode/plugin/jquery.js"></script>

<link rel="stylesheet" href="http://demo.onlinecode/plugin/bootstrap-3.min.css">

</head>

<body>


@include('notification')


<div >

<div >

<div >

<div >

<div >Dashboard</div>

<div >

Check for notification

</div>

</div>

</div>

</div>

</div>


</body>

</html>

At last we require to create notification.blade.php file for display toastr.js notification. this file we can include in our default file that way we don’t require to write same code in all place.

So, first let’s create notification.blade.php and put bellow code on that file.


resources/views/notification.blade.php

<script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.js"></script>

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.css">


<script>


@if(Session::has('success'))

toastr.success("{{ Session::get('success') }}");

@endif


@if(Session::has('info'))

toastr.info("{{ Session::get('info') }}");

@endif


@if(Session::has('warning'))

toastr.warning("{{ Session::get('warning') }}");

@endif


@if(Session::has('error'))

toastr.error("{{ Session::get('error') }}");

@endif


</script>

Now, we are ready to check, so let’s check…

you can get more demo from here : Click Here.

Hope this code and post will helped you for implement Laravel notification message popup using toastr js plugin. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

For More Info See :: laravel And github

Leave a Comment

Your email address will not be published. Required fields are marked *

  +  18  =  22

We accept paid advance and paid guest Posting on our Site : Contact US