Pnotify Versions Save

Beautiful JavaScript notifications with Web Notifications support.

3.2.1

6 years ago

Fixed icon glyph in Bright Theme.

3.2.0

7 years ago

Skipping 3.1.0, since there are some pretty big bugfixes and minor potentially breaking changes.

REMOVED IN THIS VERSION

  • jQuery UI styling
  • Bootstrap 2 styling (what was left in the modules)

If you need jQuery UI styling, you can run this code:

PNotify.prototype.options.styling = {
  container: "ui-widget ui-widget-content ui-corner-all",
  notice: "ui-state-highlight",
  notice_icon: "ui-icon ui-icon-info",
  info: "",
  info_icon: "ui-icon ui-icon-info",
  success: "ui-state-default",
  success_icon: "ui-icon ui-icon-circle-check",
  error: "ui-state-error",
  error_icon: "ui-icon ui-icon-alert",
  // Include these for buttons module:
  closer: "ui-icon ui-icon-close",
  pin_up: "ui-icon ui-icon-pin-w",
  pin_down: "ui-icon ui-icon-pin-s",
  // Include these for confirm module:
  btn: "ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only",
  btnhover: "ui-state-hover",
  btnactive: "ui-state-active",
  btnfocus: "ui-state-focus",
  input: "",
  text: "ui-button-text",
};

CHANGED IN THIS VERSION

  • Default animation speeds have been made faster. If you need a different speed, you can run this code:
PNotify.prototype.options.animate_speed = 'custom';

then add this CSS (replace X with your desired duration):

.ui-pnotify.ui-pnotify-fade-custom {
  transition: opacity Xs linear;
  opacity: 0;
}
.ui-pnotify.ui-pnotify-fade-custom.ui-pnotify.ui-pnotify-move {
  transition: opacity Xs linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease;
}

3.0.1

7 years ago

This version includes mainly bugfixes and improvements. It also includes a new build system.

3.0.0

8 years ago

Huge improvements, and fewer dependencies!

2.1.0

8 years ago

This release includes various fixes and a new default theme, with no other requirements. The theme, called Bright Theme, is entirely CSS.

2.0.1

9 years ago

This is a relatively minor release with a few bug fixes and features:

  • Desktop notifications now support .update().
  • Confirm modules now supports prompts.
  • jQuery UI effects work again.
  • Modules now correctly support AMD. RequireJS is fully supported.

Downloading Version 2.0.1

Version 2.0 lets you choose what functionality to include in your build, so you must

Download PNotify from the home page.

2.0.0

10 years ago

This release is chocked full of new features, bug fixes, and big changes.

The biggest change by far is how you create a notice. No longer is it a jQuery function:

$.pnotify("I'm a notice.");

It's now a class that you can instantiate.

new PNotify("I'm a notice.");

This change has made it possible to break up PNotify's functionality into modules. Each module can be included to provide the additional functionality. If you don't need that functionality, you don't include that module, and you don't get that extra bloat across the wire!

The next big change is support of the new Web Notification Draft. This allows you to notify your users, even when they're not on your page. They can be in a different tab, or a different application and still get notified. And if the user's browser doesn't support Web Notification, PNotify will fall back to a regular in-browser notice. This makes PNotify the best way to take advantage of the new Web Notification spec. Check it out under the Module Demos section of the home page.

The last big change is confirmation dialogs. In the last release, one of the demos showed how you could craft a confirmation dialog, but it wasn't part of PNotify, and it was a lot of extra code. Now confirmation dialogs are part of PNotify, and they're very easy to create. Check it out under the Module Demos section of the home page

Downloading Version 2.0.0

Version 2.0.0 lets you choose what functionality to include in your build, so you must

Download PNotify from the home page.

1.3.1

10 years ago

Bugfixes:

  • PNotify wouldn't load if the body tag was present at load time.
  • Stacks that pushed to top would flicker when notices filled the first position and had to move over.

1.3.0

10 years ago

Many new features and bug fixes. Highlights include:

  • Stack contexts.
  • AMD/Require.JS support.
  • Bower support.
  • Bootstrap 3 support.