Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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
Robert McIntosh
@mouse0270
This is the file you are loading in the document, but that is still the growl version of the plugin.<script src="vendors/bootstrap-growl/bootstrap-growl.min.js"></script>
Jake Smith
@jakehockey10
Sure enough, that was also in my bower_components and bower.json. I removed it and pushed the changes, but still see the issue
Robert McIntosh
@mouse0270
@jakehockey10 did you update the script tag so that it points to bootstrap-notify.min.js instead of bootstrap-growl.min.js
Jake Smith
@jakehockey10
I'm trying to figure out how to do that now...this gulp-wiredup, gulp-inject stuff is a very dark-grey box still
Robert McIntosh
@mouse0270
I am old school, I still like to write out all of my stuff instead of using gulp and bower. So I can't help there, I just hide. haha.
Jake Smith
@jakehockey10
I'm about to do the same ;-) It looks like I'll have to minify it myself for now (https://github.com/taptapship/wiredep/issues/52) What makes you think pointing to the minified file will make a difference? I only ask to learn, not to challenge :)
would like to be able to serve dev with unminified files if I can manage it though
Robert McIntosh
@mouse0270
I think the problem is you are pointing to bootstrap-growl instead of bootstrap-notify
in the index.html file that exists on github it shows that you are still using the growl plugin and not the notify plugin.
Jake Smith
@jakehockey10
oh, if you are pointing to a file in the "material-admin" folder, all of that is a template I purchased and not being served at all.
Jake Smith
@jakehockey10
Where does bootstrap-notify.js get it's definition of $ from?
Or is $ just globally jQuery?
Robert McIntosh
@mouse0270
it is globablly jQuery
@jakehockey10 it looks like it isn't entering the plugin part...
Robert McIntosh
@mouse0270
@jakehockey10 so I think I got it to work...
@jakehockey10 so it appears the last line in the notify plugin has to look like this }(jQuery)));
and then the plugin starts to work.
Sadly this means you would have to download the file locally and not use bower.
Jake Smith
@jakehockey10
@mouse0270 Do you know why that change is necessary?
Robert McIntosh
@mouse0270
@jakehockey10 nope, but it did seem to resolve the matter.
Jake Smith
@jakehockey10
hrmm. That's a bummer. Testing on my side now
Jake Smith
@jakehockey10
Sure enough, $ or jQuery passed in an invoke does the trick. I wish I knew why only I run into this?
It seems like quite a change to have to change the code to be invoked. I guess I need to know a little more about JavaScript to understand why invoking vs. not invoking is required in only some cases
Mudasir Qazi
@mudasirqazi00

Hi, i appreciate your work but i have a confusion, I want to pass variable string in the Message and Title attributes but it always takes hard coded string in quotations. For example,
var msg = ViewBag.Message;
var tpe = ViewBag.MessageType;
<script type="text/javascript">
$.notify({ message: msg }, { type: tpe });
</script>
Instead, it always takes arguments like this:

<script type="text/javascript">
$.notify({ message: 'Hello world'}, { type: 'info' });
</script>
Please help me out, how can i achieve this??

AhmedSelimISH
@AhmedSelimISH
Hello Team, Please I need to Use bootstrap Notify in my share point 2013 solution, Could you please help me with the steps
WEBER Antoine
@TwanoO67
Hello team
I'm looking for a way to know if a notif is already dismissed or not
( the purpose is to: update if the notif is still there, otherwise create a new one )
@mouse0270 is there a way to do that?
WEBER Antoine
@TwanoO67
( for the moment I use document.contains(instance.$ele[0]) )
levani
@levanijincharadze
hello
wshalabi
@wshalabi
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
@ricardomribas_twitter
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
@TwanoO67
@ricardomribas_twitter how do you call the notification popup?
WEBER Antoine
@TwanoO67
@ricardomribas_twitter because you certainly just have to use setTImeout(... before )
Ricardo Ribas
@ricardomribas_twitter

@TwanoO67 that?

$(document).ready(function(){
setTimeout(function(){

CODE

},20000);
});

@TwanoO67 Thanks for helping by the way
WEBER Antoine
@TwanoO67
yes that would work
EniShima
@EniShima
Hi all
Shahriver Hossain
@sh-app
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.
AkramZaki
@akramzaki
hi
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="bootstrap-notify.js"></script>
<script>
$.notify({
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,
placement:{
from: 'bottom',
align: 'right'
}
});
</script>
why it is not working?
simonb1978
@simonb1978
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
UsgsMonkey
@UsgsMonkey
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...
UsgsMonkey
@UsgsMonkey
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?
UsgsMonkey
@UsgsMonkey
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 :)