Bootstrap notification popup box example using bootstrap-growl JS plugin with demo
In this post we will give you information about Bootstrap notification popup box example using bootstrap-growl JS plugin with demo. Hear we will give you detail about Bootstrap notification popup box example using bootstrap-growl JS plugin with demoAnd how to use it also give you demo for it if it is necessary.
We mostly prefer notification in our project, because for example if admin add new record and we need to display notification with success alert, info elert etc when comes error then display error notication. So if you are using bootstrap then you can use growl js plugin, you have to just add js, no need to add css file.
Solve - fatal: Unable to create '/myproject/.git/index.lock': File exi
In this post we will give you information about Solve - fatal: Unable to create '/myproject/.git/index.lock': File exi. Hear we will give you detail about Solve - fatal: Unable to create '/myproject/.git/index.lock': File exiAnd how to use it also give you demo for it if it is necessary.
When i was working on my laravel 5 application, i did all the changes i did but when i had gone for push then i found this fatal error. It's not able to create index.lock file in .git folder. I also give full permission to .git folder and also try to remove direct index.lock file from .git directory but same error like as bellow.
Error
fatal: Unable to create '/var/www/me/theme_backend/.git/index.lock': File exists.
But at last i found how can i resolve this problem, just run bellow command and it will work.
rm -f ./.git/index.lock
Hope this code and post will helped you for implement Solve - fatal: Unable to create '/myproject/.git/index.lock': File exi. 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
In this example i use bootstrap-growl.js plugin that provide several notification type like warning, success, info, error etc and several function. In my previous post also added using toastr.js, you can also see here : Jquery notification popup box example using toastr JS plugin with demo. bootstrap-growl plugin you can use easily with bootstrap and very customize. You can run bellow example and you can see how it works and pretty good.
Example:
<html lang="en">
<head>
<title>Bootstrap - notification popup box using bootstrap-growl JS</title>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.0/jquery.bootstrap-growl.min.js"></script>
</head>
<body>
<div >
<br/>
<h2>Bootstrap - notification popup box using bootstrap-growl JS Plugin</h2>
<br/>
<button >Success</button>
<button >Error</button>
<button >Info</button>
<button >Warning</button>
</div>
<script type="text/javascript">
$(".success").click(function(){
$.bootstrapGrowl('We do have the Kapua suite available.',{
type: 'success',
delay: 2000,
});
});
$(".error").click(function(){
$.bootstrapGrowl('You Got Error',{
type: 'danger',
delay: 2000,
});
});
$(".info").click(function(){
$.bootstrapGrowl('It is for your kind information',{
type: 'info',
delay: 2000,
});
});
$(".warning").click(function(){
$.bootstrapGrowl('It is for your kind warning',{
type: 'warning',
delay: 2000,
});
});
</script>
</body>
</html>
you can get more information from here : bootstrap-growl.
Hope this code and post will helped you for implement Bootstrap notification popup box example using bootstrap-growl JS plugin with demo. 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