Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Sep 24 19:08
    FranCoFeliz commented #178
  • Sep 24 19:07
    FranCoFeliz opened #213
  • Aug 21 10:36
    brian-codes commented #180
  • Aug 21 10:35
    brian-codes commented #180
  • Aug 08 19:55
    nicolasgoudard opened #212
  • Jul 06 14:41
    agustindorado95 opened #211
  • Jun 29 17:28
    topolanekmartin commented #166
  • Jun 12 23:09
    NtTestAlert commented #205
  • Jun 12 23:09
    NtTestAlert commented #205
  • Mar 26 20:12
    jrondorf commented #196
  • Jan 11 09:44
    datayeah commented #201
  • Dec 31 2018 22:59
    moki298 commented #209
  • Dec 31 2018 22:55
    moki298 commented #209
  • Dec 31 2018 22:54
    moki298 commented #209
  • Dec 29 2018 20:54
    AndrianD opened #210
  • Dec 17 2018 17:45
    tifDev opened #209
  • Nov 28 2018 19:35
    tangram67 commented #201
  • Nov 26 2018 02:41
    delta1186 commented #196
  • Nov 05 2018 14:12
    Tomicapo commented #99
  • Nov 05 2018 11:44
    jslay88 opened #208
WEBER Antoine
@mouse0270 is there a way to do that?
WEBER Antoine
( for the moment I use document.contains(instance.$ele[0]) )
if there CDN for all css and JS file using in project ?
and what is the required files css and JS ? to make notify works
Ricardo Ribas
Is there a way to notify on load after a delay? I'd like to show the notification 20 seconds after loading the page. Thanks for this awesome plugin!
WEBER Antoine
@ricardomribas_twitter how do you call the notification popup?
WEBER Antoine
@ricardomribas_twitter because you certainly just have to use setTImeout(... before )
Ricardo Ribas

@TwanoO67 that?




@TwanoO67 Thanks for helping by the way
WEBER Antoine
yes that would work
Hi all
Shahriver Hossain
hey all
I keep getting "Uncaught ReferenceError: require is not defined
at bootstrap-notify.min.js:1
at bootstrap-notify.min.js:1" when loading a page that loads bootstrap-notify.
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="bootstrap-notify.js"></script>
message: "SmartFunding partners up with Vistra to create an Escrow account for monies transferred by investors and SMEs! To know more about Escrow <a href=\"https://thestreet.smartfunding.sg/smartfunding-now-provides-an-escrow-account-for-monies-transferred-by-investors-and-smes-82aa1261517a\" target=\"blank\"> Click Here</a>"
allow dismiss: false,
from: 'bottom',
align: 'right'
why it is not working?
Hi, first this: Great plugin! Is it possible to display the notification in the body (or element) in another frame? The <iframe> in which the notoficationscript is loaded, is invisible. (This can't be done a different way.) So for example, where you set: Element: 'body', is there any construction like: Element: 'parent.body'?
And if so, how can it be done? Thanks in advance, Simon
As others have said, this looks like a great plugin! I'm in process trying to figure out how to implement in with my project. We're using CommonJS to define our modules. I've tried using that framework to do a code include: "require('./bootstrap-notify.js')", but when I issue the command to declare a notificiation: "var notify = $.notify('...')" I get an error "function 'notify' unrecognized". Is there something I'm missing with my implementation or is this code not configured for CommonJS import? JQuery should already be imported/referenced by the time this code is hit...
To follow up, I made the recommended change you issued May 04 2016 19:15 in this blog. At this stage, I'm getting 'factory function unrecognized' so I think I must be seeing a conflict with the module factory (AMD?) with which I am unfamiliar. Is this an essential conflict with the CommonJS approach?
Long struggle today - I explored your answer for Jake Smith, but that doesn't seem to solve my problem. Regardless whether I download the code directly or access via bower ('bower install remarkable-bootstrap-notify'), I get the same result where Dev tools error reports '$.notify is not a function'. If I modify the end of the bootstrap-notify.js to read '}(jQuery)));' I get an error saying 'factory is not a function' in the CommonJS portion of the UMD in the first part of the module. In this latter case, I'm not sure I'm invoking the module correctly... I'm still calling it with a CommonJS 'require' statement ala 'require("./my/path/bootstrap-notify.js");' -- soooo if I'm missing the secret JavaScript handshake on how to invoke this with JQuery properly, I'd appreciate any guidance you might have. Or any other suggestions or follow-up questions for that matter :)
Looking closer, it seems the problem revolves around the jQuery '$' scope. I've imported jQuery earlier in my application, before the include of bootstrap-notify. Then bootstrap-notify appears to import jQuery on it's own and assign the 'notify' function to that '$' scope. After my require statement of notify-bootstrap however, my previously instantiated jQuery '$' scope doesn't appear to be updated by the bootstrap-notify library. What am I missing in my integration to get the previous jQuery context updated???
Problem solved. Totally on me. We'd improperly imported jQuery using a script tag outside of our CommonJS/Browserify application context - which caused Browserify to not manage the jQuery context w/i 'bootstrap-notify' as being shimmed to the jQuery outer context. Newb-moment for sure, but good lesson learned.
Blake Whitley
New to bootstrap-notify...awesome plugin! However, I am having an issue where I'm making an ajax call and if an error, I'm calling $.notify(....). The first time works fine, but subsequent calls that have an error, I have one more notification than the previous (ie. 1 notification, then 2 notifications, then 3, etc.). I'm closing each time so I don't know what I'm doing wrong. Any suggestions?
Haider MA

that's great work, i admire programmers like you, i had it working but not completely, the notification appear but without animation, it just pops up and close without animation, the files i imported are the JS ones : <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src ="js/bootstrap-notify.js"></script>
<script src ="js/bootstrap-notify.min.js"></script>
<script src ="js/test_meteor.js"></script>
<script src ="js/package.js"></script>
<script src ="js/Gruntfile.js"></script>

anything iam missing?
the other files such as JSON files are in the same folder but did not include them in the webpage, i thought i only need the JS files included.
Simple question, do I need to custom define css to get the animate: {
enter: 'animated bounceIn',
exit: 'animated bounceOut'
to work
Silly me, nvm I just found the github question where this was answered. I need Animate plugin. Thanks.
Btw... Love the notify package! :smile:
Haider MA
@Disciplemike can you share that answer link please?
is anyone can help me with creating notification without autoclosing?
i need to create notification and close by some callback. is it possible?
Sambou Diallo
How to run the $.notify code with a button please ?
Hi.. I want to use the OnClosed, but it always triggered before the notify closed yet.. Any help for me?
Already Solved... :D
Tejas Prithvi
Hello, is there any way to pass HTML into the notification instead of adding the notification content in the JS?
how can i use this can u make me clear ??
Anyone here?
Arpit Agarwal
You're joking?
Arpit Agarwal
Nobody uses bootstrap anymore. Switch to angular
Could you give me a link
Jaykumar Chaudhary
@mouse0270 will this support desktop notification ?
Ahmed Shahrour
Hey @mouse0270 , I'm using Vue. Is there anyway I can use the package in a js file?
(Not jQuery....)