Skip to content

Releases: mouse0270/bootstrap-notify

Bootstrap Notify

29 Apr 14:43
Compare
Choose a tag to compare

Bootstrap Notify

This is a simple plugin that turns standard Bootstrap alerts into "Growl-like" notifications.

Download Now

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install remarkable-bootstrap-notify

Meteor Officially Supported

Meteor integration by zimme.

meteor add mouse0270:bootstrap-notify

Changelog

Version 3.1.3
  • Added Meteor Support
  • Fixed issue with Glyphicons Pro
  • Updating version pattern.
x.y.z
x = Main version of the plugin
y = New features were added to the plugin
z = Fixes/patches to existing features of the plugin
Version 3.0.2
  • Fixed update for backwards compatibility
Version 3.0.1
  • Add the ability to update multiple values in one call
  • Turn off Progress bar
  • Set Progress bar value / Progress bar not shown by default
//Update
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'success', '<strong>Success</strong> Your page has been saved!' });

// Turn of Progress bar on
$.notify('I have a progress bar', { showProgressbar: true });

// Update Progress bar
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'warning', '<strong>Oops</strong> Something happened. Correcting Now', progress: 20 });
Version 3.0.0
  • New template structure
  • Better event handling for onShow, onShown, onClose, onClosed
  • updating notification content will reposition growls below it
  • Fixed updating icon images
  • Fixed IE Issues with Growl URL not being able to be clicked on
  • Added the ability to show progress bars
  • Added the ability to pass position in the settings
  • Added newest_on_top option that allows new growls to push down old growls
  • Added Transition CSS to plugin
tranition: all 0.5 ease-in-out;
  • Remember to read to documenation. I use custom css style's for the progress bar that you can find there. This was left out of the plugin so you could choose to use the default progressbar styles provided for bootstrap or write your own.
Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Bootstrap Notify

14 Apr 16:15
Compare
Choose a tag to compare

Bootstrap Notify

This is a simple plugin that turns standard Bootstrap alerts into "Growl-like" notifications.

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install bootstrap.notify 

Changelog

Version 3.0.2
  • Fixed update for backwards compatibility
Version 3.0.1
  • Add the ability to update multiple values in one call
  • Turn off Progress bar
  • Set Progress bar value / Progress bar not shown by default
//Update
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'success', '<strong>Success</strong> Your page has been saved!' });

// Turn of Progress bar on
$.notify('I have a progress bar', { showProgressbar: true });

// Update Progress bar
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'warning', '<strong>Oops</strong> Something happened. Correcting Now', progress: 20 });
Version 3.0.0
  • New template structure
  • Better event handling for onShow, onShown, onClose, onClosed
  • updating notification content will reposition growls below it
  • Fixed updating icon images
  • Fixed IE Issues with Growl URL not being able to be clicked on
  • Added the ability to show progress bars
  • Added the ability to pass position in the settings
  • Added newest_on_top option that allows new growls to push down old growls
  • Added Transition CSS to plugin
tranition: all 0.5 ease-in-out;
  • Remember to read to documenation. I use custom css style's for the progress bar that you can find there. This was left out of the plugin so you could choose to use the default progressbar styles provided for bootstrap or write your own.
Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Bootstrap Notify

04 Apr 01:11
Compare
Choose a tag to compare

Bootstrap Notify

This is a simple pluging that turns standard Bootstrap alerts into "Growl-like" notifications.

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install bootstrap.notify 

Changelog

Version 3.0.1
  • Add the ability to update multiple values in one call
  • Turn off Progress bar
  • Set Progress bar value / Progress bar not shown by default
//Update
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'success', '<strong>Success</strong> Your page has been saved!' });

// Turn of Progress bar on
$.notify('I have a progress bar', { showProgressbar: true });

// Update Progress bar
var notify = $.notify('<strong>Saving</strong> Do not close this page...', { allow_dismiss: false });
notify.update({ type: 'warning', '<strong>Oops</strong> Something happened. Correcting Now', progress: 20 });
Version 3.0.0
  • New template structure
  • Better event handling for onShow, onShown, onClose, onClosed
  • updating notification content will reposition growls below it
  • Fixed updating icon images
  • Fixed IE Issues with Growl URL not being able to be clicked on
  • Added the ability to show progress bars
  • Added the ability to pass position in the settings
  • Added newest_on_top option that allows new growls to push down old growls
  • Added Transition CSS to plugin
tranition: all 0.5 ease-in-out;
  • Remember to read to documenation. I use custom css style's for the progress bar that you can find there. This was left out of the plugin so you could choose to use the default progressbar styles provided for bootstrap or write your own.
Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Bootstrap Notify

22 Feb 01:25
Compare
Choose a tag to compare

Bootstrap Notify

This is a simple pluging that turns standard Bootstrap alerts into "Growl-like" notifications.

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install bootstrap.notify 

Changelog

Version 3.0.0
  • New template structure
  • Better event handling for onShow, onShown, onClose, onClosed
  • updating notification content will reposition growls below it
  • Fixed updating icon images
  • Fixed IE Issues with Growl URL not being able to be clicked on
  • Added the ability to show progress bars
  • Added the ability to pass position in the settings
  • Added newest_on_top option that allows new growls to push down old growls
  • Added Transition CSS to plugin
tranition: all 0.5 ease-in-out;
  • Remember to read to documenation. I use custom css style's for the progress bar that you can find there. This was left out of the plugin so you could choose to use the default progressbar styles provided for bootstrap or write your own.
Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Bootstrap Notify

20 Feb 12:30
Compare
Choose a tag to compare
Bootstrap Notify Pre-release
Pre-release

Bootstrap Notify

This is a simple pluging that turns standard Bootstrap alerts into "Growl-like" notifications.

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install bootstrap.notify 

Changelog

Version 3.0.0
  • New template structure
  • Better event handling for onShow, onShown, onClose, onClosed
  • updating notification content will reposition growls below it
  • Fixed updating icon images
  • Fixed IE Issues with Growl URL not being able to be clicked on
  • Added the ability to show progress bars
  • Added the ability to pass position in the settings
  • Added newest_on_top option that allows new growls to push down old growls
  • Added Transition CSS to plugin
tranition: all 0.5 ease-in-out;
  • Remember to read to documenation. I use custom css style's for the progress bar that you can find there. This was left out of the plugin so you could choose to use the default progressbar styles provided for bootstrap or write your own.
Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Bootstrap Growl

20 Feb 15:19
Compare
Choose a tag to compare

Gitter

Bootstrap Growl

This is a simple plugin that turns standard Bootstrap alerts into "Growl-like" notifications.

Thinking of a Rename

This project orginially started out to be a pull request for ifightcrime's bootstrap growl plugin, but quickly grew into it's own plugin. This is the reason the two plugins share a name, but this has lately been causing me troubles when trying to add my plugin into cdn networks and such. I don't blame the cdn hosts for this issue it was caused by me starting with a pull request and than making my own beast. So I want to look into a rename for this project starting with version 3.0.0, If you have any suggestions please either create an issue, or emailing me by clicking here, or on official Gitter channel.

Suggested Names

  • Bootstrap Notify
  • Bootstrap Notification
  • Bootstrap Notifier

Official support

Bower

bower install bootstrap.growl

Thanks to Błażej Krysiak

Meteor

meteor add mouse0270:bootstrap-growl

Thanks to Simon Fridlund

Changelog

Version 2.0.1
  • Added the ability to set an X and Y value within the offset option
  • Added callback options onShow, onShown, onHide and onHidden
  • Added a close all method to close all open growls
Version 2.0.0a3
  • Fixed issue with growl not closing if there was no CSS animations
Version 2.0.0a2 (with IE8 Support)
  • Changed animate.in to animate.enter for IE8 compatibility
  • Changed animate.out to animate.exit for IE8 compatibility
  • Modified .is(':hover') for IE8 compatibility
Version 2.0.0a1
  • Better Minification
Version 2.0.0a
  • Major rewright of the plugin file.
  • Added the ability to pass the growl a link making it clickable.
  • Added the ability to control the growl animations in and out using css.
  • Added the ability to set growl settings globally.
  • Removed jQuery fadeIn (use css to control growl animations)
Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Documentation

There is alot of documentation on the website. Click the link below to read it.

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

bootstrap-growl

04 Jul 22:38
Compare
Choose a tag to compare

Bootstrap Growl

This is a simple pluging that turns standard Bootstrap alerts into "Growl-like" notifications.

Bower Officially Supported

I would like to thank Błażej Krysiak for doing this!

bower install bootstrap.growl 

Changelog

Version 1.0.6
  • Added onGrowlShow and onGrowlShown callback functionality.
Version 1.0.5
  • Better positioning when using CSS animations after growl closes.
Version 1.0.4
  • Updated $.growl() to return a wrapper object with a small API to let you control individual notifications after they have been created.
  • Added onGrowlClose and onGrowlClosed callback functionality.
Version 1.0.3
  • Made jQuery $.extend() Recursive so when you change just one option under position or template the script wont fail
Version 1.0.2
  • Fixed an issue where $.growl("message") would thrown an exception | Provided by DannyJo
Version 1.0.0
  • Initial Release

Demo

I have created a small demo to show off some of the features that you can use with this plugin. http://bootstrap-growl.remabledesigns.com/

Dependencies

Usage

$.growl('This is a basic growl! Quick and simple');

$.growl( { 
  title: 'I have a title', 
  icon: 'glyphicon glyphicon-info-sign', 
  message: 'This growl contains both a Title and a Icon'  
});

$.growl( { 
  title: 'I have a title',  
  message: 'This growl contains both a Title and a Icon',  
});

$.growl('This is an Informational Notification!', { type: 'info' });
$.growl('This is an Successful Notification!', { type: 'success' });
$.growl('This is an Warning Notification!', { type: 'warning' });
$.growl('This is an Danger Notification!', { type: 'danger' });

// Version 1.0.4 //
// Create growl and assign return to variable //
var $growl = $.growl('This is a basic growl! That will not close automatically', { delay: 0 } );

// Create Timeout to close growl since delay is set to 0 //
setTimeout(function() {
    $growl.alert('close');
}, 1000);

// Alert User when Growl is Closing //
$.growl('This Growl will alert the user that it is closing!', { 
    onGrowlClose: function() {
        alert('I am Closing');
    }
});

// Alert User when Growl is Closed //
$.growl('This Growl will alert the user after it has been closed!', { 
    onGrowlClosed: function() {
        alert('I am Closed');
    }
});

// Version 1.0.6 //
// Alert User when Growl is Fading In //
$.growl('This Growl will alert the user as soon as it starts to fade in', { 
    onGrowlShow: function() {
        alert('I am Fading In');
    }
});
// Alert User when Growl has Faded In //
$.growl('This Growl will alert the user after it has completely faded in', { 
    onGrowlShown: function() {
        alert('I have Fading In');
    }
});

Options

$.growl.default_options = {
    ele: "body",
    type: "info",
    allow_dismiss: true,
    position: {
        from: "top",
        align: "right"
    },
    offset: 20,
    spacing: 10,
    z_index: 1031,
    fade_in: 400,
    delay: 5000,
    pause_on_mouseover: false,
    onGrowlShow: null,
    onGrowlShown: null,
    onGrowlClose: null,
    onGrowlClosed: null,
    template: {
        icon_type: 'class',
        container: '<div class="col-xs-10 col-sm-10 col-md-3 alert">',
        dismiss: '<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>',
        title: '<strong>',
        title_divider: '',
        message: ''
    }
};

Shout Out's

Copyright and License

The MIT License (MIT)
Copyright (c) 2014 Robert McIntosh

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.