21 comments found.
your demo is not working let me know wen is fixed
and ill buy it
It would really help you, us and your sales … if your demos worked. Same applies for your Emailing demo. I would buy them both – if we had a working demo, and if they work in Chrome 47.0.2526.111 m
Hi, thank you so much for letting me know. I will get on that as soon as possible, and I’ll let you know when the demos are back up and running.
Kind Regards, Max
The demo is not working for me in either Safari or Firefox on a Mac running El Capitan. 
Very sorry to hear that, I’ll get it fixed as soon as possible and let you know when the demo is back up and running.
Regards, Max
Great New Year, How Well is the intergration to a server setting, and any plans in the near distance future to add more features, like maybe animated graphics in notice. ? Thanks RoseySoft
Hi there, This plugin focuses only on the front-end, so I’m afraid you’ll have to build any server integration on your own. As for animated graphics, that’s definitely an area I will look into. Thanks for the suggestion!
Kind regards, Max
Hi.
I checked the demo, but I couldn’t see any of the animations working… (I’m the latest version of chrome). Also, the animation section appears messed up for some reason. Any other site I can check a demo at?
Great script mate,
this would be a great addition/ extension to the Visual Composer Plugin for wordpress. Do you have any plans for this integration?
Kindest, Shane@Valiant
Hi, thanks for your question. I haven’t heard of Visual Composer, but I’ll definitely look into it and will let you know when an integration happens.
Best regards, max
Hi! Is it possible to make the notification automatically fadeout after a few seconds?
Hey there, thanks for purchasing my item. That’s actually a really good idea, and I’ve just submitted a patch to make this possible using the existing Javascript API. You will be notified when it’s live (normally takes around 48 hours).
Best, max
Pleasure’s mine Max. Thank you too for quick reply AND patch!
Not meaning to be a pain but I am in a bit of a hurry. Can you please send me the patch by email so I don’t have to wait 48 hours?
Also, one more question please, I have set my notification to show on the bottom-right but it shows almost 190 pixels away from the right-hand-side. Do you know why would this be happening?
I should say for future buyers that this Notification is EXTREMELY easy to install. Took me less than a minute.
Kind Regards, Xeirus.
No worries.
The updated JavaScript file is available at https://gist.github.com/awesomephant/dc0c87ca4cb175ce09af. Pass a duration parameter to the fireNotification function to specify how long the notification will be visible.
fireNotification({
duration: 2000; //disappear after 2000ms
});
Best, max
I replace the entire notifications.js with that code, am I correct?
Also, one more question please, I have set my notification to show on the bottom-right but it shows almost 190 pixels away from the right-hand-side. Do you know why would this be happening?
Thank you.
Kind Regards,
Xeirus.
Yup, replace all that code. I’d need to see your live site to say anything about that positioning bug though – sorry.
best, max
You can see the positioning bug. I am using IE11
And it doesn’t disappear after 2 seconds.
Sorry, I’m terrible at JS/jQuery.
Kind Regards,
Xeirus.
I just checked, the positioning bug also occurs in Chrome and FF.
Sorry, that’s my bad. It needs to be:
fireNotification({
duration: 2000 //disappear after 2000ms
});(without the semicolon)
As for the positioning bug, that’s caused because at the moment there isn’t quite enough text in the box. You can easily fix this though by adding the following CSS to line 27 of notifications.css (before the closing bracket)width: 100%;
Hope this helps.
Removed the semicolon but still doesn’t disappear.
I have put the following code in <head>
fireNotification({
duration: 2000 //disappear after 2000ms
});
What am I doing wrong?
Thank you for the positioning fix. I now understand it was due to lack of text.
The notifications can only disappear automatically when they’ve been created by the notifications.js script. Please remove the notification markup from your HTML and try to fire a notification using the followng code:
fireNotification({
position: 'bottomright',
animation: 'fade',
type: 'info',
heading: 'title here',
text: 'Sample text Sample text Sample text Sample text Sample text Sample text Sample text',
duration: 2000
});
Hope this helps.
Works perfectly. Thank you so much!
A few more questions:
1) Is it possible to send HTML tags when creating through notifications.js (like you have shown above)? Because with DIV I was able to do that and it was quite helpful.
2) Is it possible to tell it not to show an image when creating through notifications.js?
4) How to stop it from disappearing if the user has hovered on it?
I indeed thank you, Max and really sorry for being a pain!
Kind Regards,
Xeirus.
1) Absolutely. Just add any HTML tags to the text property. Related FAQ
2) Yes. Just leave out the image parameter when calling the fireNotification function.
3) That isn’t part of the product at the moment, but you’ll get notified should this be added in a future update.
You are very welcome. Please let me know if I can be of further assistance. Best, max
I tried removing img: completely and it still leaves a blank block for the image. I also tried img: ' ', and there’s still the same blank block space on the left-hand-side of the notification.
Yes, HTML works, I was just about to message you and your message came in 
Kind Regards,
Xeirus.
Hey Max,
Any update on this please:
I tried removing img: completely and it still leaves a blank block for the image. I also tried img: ' ', and there’s still the same blank block space on the left-hand-side of the notification.
Thank you.
Kind Regards,
Xeirus.
Sorry for the delay. I can’t reproduce the issue on my machine, please make sure there are no other scripts or stylesheets interfering with the notifications.
Best, max
Hi Max,
No worries. Thanks for replying.
I have now tried your notification on two different PCs (Win 7 and Win8.1), and three browsers (IE, FF and Chrome).
I also tried it on Galaxy S3, S4, S5, iPhone 5s and iPad.
Everywhere I see an empty space in the notification where a picture is supposed to be. But I don’t need to use a picture.
You can view the source on http://www.pattayafunland.com/notification/test_notification.php and you’ll see that there is no other script or stylesheet running.
Could you please have a look?
I really hope to use this notification as its nice, modern and clean looking.
Thank you.
I’ll wait for your reply.
Kind Regards,
Xeirus.
Sure, Chrome 33.0.1750.146 m / Win 8.1 / 1900×1080
You can emulate my screen resolution with holding Ctrl + Scroll down. Just like that: http://prntscr.com/2ycuwh
Thanks, I just submitted the fix. Should be live within the next 48 hours.
Thank you, you are really fast
By the way, code example (in the readme) have a missing comma issue: http://prntscr.com/2yd2dd
This is an error cause for the end users: http://prntscr.com/2yd2tf
First thank you for the this cool script, I like it.
But I think it’s have a top-right and bottom-right positioning bug. Check the screenshot: http://prntscr.com/2ycrka (Chrome)
It must be right aligned without whitespace. Am I wrong?
Hey there, thanks for pointing that out, I’ll look into this right away. I’ll let you know when a fix is online.
best, max
Hmm, I can’t seem to replicate this on my machine. Would you mind giving me details about the version of your browser and operating system?
Hey, In demo, We are firing notification and users is viewing notification on same page.
Is it possible that, I will fire notification (Add Notification) from one page and it will appear on my website?
Thanks
Hi, thanks for your question. The notifications are fired via a simple JavaScript API. You could indeed have the notification triggered on one page, and then fired on another. This would require some backend work, though.
best, max.
Hello, I just bought Modern Notifications. I would like to use your script as a “newsticker” for a website. By using the notification.html the user can send short messages to the other .html sites. Is it possible to build a site structre like this:
notification.html—> The user sets up the notification and fires it page1.html—> on page load: the notification ist displayed in a certain page2.html—> on page load: the notification ist displayed in a certain etc.
Thank you for your help! Best regards.
Thanks for purchasing my item.
From what I understand, you’re trying to set up a system that allows users to send messages to each other, which are then displayed using my template.
This is absolutely possible, however, you’ll need a server-side system to process those messages. Unfortunately, that’s something I can’t help you with. I suggest looking into something like Node.js, or getting help from a backend developer to set this up.
Once that’s sorted out though, you could display a message that was delivered by your backend system on the frontend by using the fireNotification function.
With best regards, max
How does this work on mobile devices?
The basic functionality stays the same, I’m currently working on an update to improve the layout of the notifications on smaller screens.
best, max
Hello, I just bought your product, I followed your instructions, but it does not work as expected: 1) the notification does not appear as expected in the lower right 2) the close button does not work Here is my test page: http://www.xtendo.fr/notifs/test_01.html Do you have a solution
Sincerely,
Johan
Hey Johan, Thanks for your question. I’ve just submitted an update to this item’s documentation, which should be approved within 48 hours.
For now though, here’s what you’ll need to do to fix the issues you described:
- Close Button. Make sure to link up jQuery before you link up the notifications.js file.
-
Positioning. Wrap the notification in a
divelement with a class of, for example ‘bottomright’. You can remove that class from theasideelement.
Please let me know if I can be of further assistance. With best regards, max
Is that possible to display notification on specified page when a visitor visit that page?
Hi! Firing a notification on a specific page on pageload is quite simple using the included JavaScript API. Basically, you could do something like:
$(document).ready(){
fireNotification(arguments);
}
best, max.
Hello,
I would be interested in buying Flat, Modern Notifications but I have some questions before.
1. On your demo page, I see that after firing a notification if you reload the page it disappears. After firing it, can it stay on the page even if it is reloaded? And can the notifications be listed as a list? Something like listing the 3-5 most recent notifications, something like that.
Also, the firing script, can it be placed on another page?
I want to make it be accessed by a person only, who would have access to that certain page
I would implement this on a basic html/css/js website, that’s why I am asking.
Looking forward to your reply !
I bought it to support it cause it looks nice, anyway my questions stand valid.
I am really interested in that firing API because I would like to put it on a page like http://example.com/api and I would like to fire the notifications on http://example.com and also I would like the notifications to stay there even after refreshing the page.
Hi, thanks so much for purchasing the item. I’ll be happy to come back to your questions within the next two days. I hope that’s okay for you.
Hi, no problem and yes it’s ok, will be waiting for your answer
So. Time to answer your questions.
Firing Notifications on one page, show them on another.
From what I understand, you’d like to fire a notification when a user visits site A after having visited site B. That should be possible using a cookie. Basically, you’d set the cookie with a script on page B, and check if the cookie exist on page load of site A. That might look something like this:On site B:
$(document).ready(function(){
$.cookie('fireNotification', true, { expires: 365 });
});
On site A
$(document).ready(function(){
if( $.cookie('fireNotification') ){
fireNotification(arguments); //please refer to the documentation
}
});
This notification would show up every time the user opens Page A, even if the page is reloaded.
Listing Notifications
This feature is unfortunately not implemented at this point. I will, however, look into this in the next update. The Marketplace will let you know when it’s out.That’s it, thanks again!
With best regards, max
Sorry for the delay. Many thanks for your support and looking forward to your update !
Just letting you and everyone else know: The update that displays the notifications in a list is now live.
Hello,
can we control the time befor the notification appear?
Hey there,
Thanks for your question. This should be quite easy using a little bit of JavaScript and the built-in API. Basically, you could do something like:
$(document).ready(function(){
setTimeout(function(){
fireNotification(arguments)
}, 10000);
});
This would fire a notification 10 seconds after the page has loaded. Please refer to the included documentation for more information about the JavaScript API.
best, max
Rather than overlaying the notifications one atop the other (where only the topmost is visible), can you stack them one below the other so all are visible, ala Growl or Gritter? Also, can you make them time out after a few seconds?
Hey there, thanks for your suggestions.
I will definitely look into stacking notifications so all of them are visible at the same time. This will be included in the next update.
Timing out notifications after a certain amount of seconds however might be a UX issue in my opinion. How would you know how many seconds your users will need to read, or react to a notification? Imagine how frustrated a user would be if the notification disappeared while he or she was right in the middle of a sentence. I think giving users control over when they want to close the notification is the better approach here.
With best regards, max.
Just to let you and everyone else know: The patch I talked about is now live.
not compatible with ie8
regard
Hey there, thanks for pointing out the issue. I have updated the item details to reflect that.
With best regards, max
Nice work, will suit my needs perfectly. Thanks!
Thank you for purchasing the item – I hope you’re happy with it
