5

this is the result of pnotify after I included the following files:
prettify.js && prettify.css && jquery.pnotify.default.css && jquery.pnotify.default.icons.css && of course jquery.pnotify.js

enter image description here

am I missing something ?

Tarek
  • 1,904
  • 2
  • 18
  • 36

3 Answers3

2

Try to include these files bootstrap.css and bootstrap.js

Muhamad Serawan
  • 445
  • 5
  • 16
  • 1
    well this solved the problem, but it missed up the style, so i have to clear the general style, thank you. – Tarek Sep 07 '13 at 08:48
1

Have you included jQuery UI Icons in your page? I tried to get the issue replicated, but I got pnotify working correctly on jsfiddle.

$.pnotify.defaults.styling = "jqueryui";

$(document).ready(function(){
    $.pnotify({
        title: 'Regular Notice',
        text: 'Check me out! I\'m a notice.'
    });
});
Srihari
  • 766
  • 1
  • 6
  • 22
0

If you are using Bootstrap 3 try to change jquery.pnotify.js like this:

bootstrap: {
            container: "alert",
            notice: "alert-warning",
            notice_icon: "icon-exclamation-sign",
            info: "alert-info",
            info_icon: "icon-info-sign",
            success: "alert-success",
            success_icon: "icon-ok-sign",
            error: "alert-danger",
            error_icon: "icon-warning-sign",
            closer: "icon-remove",
            pin_up: "icon-pause",
            pin_down: "icon-play",
            hi_menu: "well",
            hi_btn: "btn",
            hi_btnhov: "",
            hi_hnd: "icon-chevron-down"
danyolgiax
  • 12,798
  • 10
  • 65
  • 116