JarCasting
JarCasting JarCasting

bootstrap-growl

WebJar for bootstrap-growl

License

License

MIT
GroupId

GroupId

org.webjars.bower
ArtifactId

ArtifactId

bootstrap-growl
Last Version

Last Version

1.1.0
Release Date

Release Date
Type

Type

jar
Description

Description

bootstrap-growl
WebJar for bootstrap-growl
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/ifightcrime/bootstrap-growl

Download bootstrap-growl

Filename Size
bootstrap-growl-1.1.0.pom
bootstrap-growl-1.1.0.jar 8 KB
bootstrap-growl-1.1.0-sources.jar 22 bytes
bootstrap-growl-1.1.0-javadoc.jar 22 bytes
Browse

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.bower/bootstrap-growl/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>bootstrap-growl</artifactId>
    <version>1.1.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.bower/bootstrap-growl/
implementation 'org.webjars.bower:bootstrap-growl:1.1.0'
// https://jarcasting.com/artifacts/org.webjars.bower/bootstrap-growl/
implementation ("org.webjars.bower:bootstrap-growl:1.1.0")
'org.webjars.bower:bootstrap-growl:jar:1.1.0'
<dependency org="org.webjars.bower" name="bootstrap-growl" rev="1.1.0">
  <artifact name="bootstrap-growl" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.bower', module='bootstrap-growl', version='1.1.0')
)
libraryDependencies += "org.webjars.bower" % "bootstrap-growl" % "1.1.0"
[org.webjars.bower/bootstrap-growl "1.1.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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

Versions

Version
1.1.0