bootstrap-growl

Pretty simple jQuery plugin that turns standard Bootstrap alerts into "Growl-like" notifications.

  • Owner: longlostnick/bootstrap-growl
  • Platform:
  • License:: MIT License
  • Category::
  • Topic:
  • Like:
    0
      Compare:

Github stars Tracking Chart

bootstrap-growl

Pretty simple jQuery plugin that turns standard Bootstrap alerts into hovering "Growl-like" notifications.

Demo

I have a basic demo set up at jsfiddle for the time being which you can view here: http://jsfiddle.net/ifightcrime/Us6WX/1008/

Features

  • Uses standard Twitter Bootstrap alerts which provides 'info', 'danger', and 'success' styles.
  • Multiple growls called consecutively are stacked up one after another in a list.
  • Automatically fades growls away after a default of 4 seconds.

Dependencies

  1. Latest version of jQuery. (tested on 1.11.0)
  2. Twitter Bootstrap. (current rev tested with 3.3.1)

Usage

Include the dependencies and jquery.bootstrap-growl.min.js into your page and call the following:

$.bootstrapGrowl("My message");

Available Options

By default, growls use the standard 'alert' Bootstrap style, are 250px wide, right aligned, and are positioned 20px from the top right of the page.

$.bootstrapGrowl("another message, yay!", {
  ele: 'body', // which element to append to
  type: 'info', // (null, 'info', 'danger', 'success')
  offset: {from: 'top', amount: 20}, // 'top', or 'bottom'
  align: 'right', // ('left', 'right', or 'center')
  width: 250, // (integer, or 'auto')
  delay: 4000, // Time while the message will be displayed. It's not equivalent to the *demo* timeOut!
  allow_dismiss: true, // If true then will display a cross to close the popup.
  stackup_spacing: 10 // spacing between consecutively stacked growls.
});

Note: Previous top_offset is not broken by this latest change.

Additional Contributors

Main metrics

Overview
Name With Ownerlonglostnick/bootstrap-growl
Primary LanguageJavaScript
Program languageRuby (Language Count: 4)
Platform
License:MIT License
所有者活动
Created At2012-08-09 16:19:36
Pushed At2018-01-04 05:44:30
Last Commit At2018-01-03 21:44:29
Release Count2
Last Release Namev1.1.0 (Posted on )
First Release Namev1.0.0 (Posted on )
用户参与
Stargazers Count805
Watchers Count45
Fork Count204
Commits Count75
Has Issues Enabled
Issues Count41
Issue Open Count18
Pull Requests Count17
Pull Requests Open Count7
Pull Requests Close Count10
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private