bootstrap-notify icon indicating copy to clipboard operation
bootstrap-notify copied to clipboard

New options to control stacking direction and notification title.

Open jayalfredprufrock opened this issue 12 years ago • 5 comments

With defaults, no changes take place. Use option stack:'above' to prepend new notifications to the stack, while the default 'below' appends them as usual. The message object now can contain a new key, "title" that contains the title TEXT (i.e. no html). The title tag can be controlled by the additional option "titleTag" which defaults to "

".

jayalfredprufrock avatar Feb 22 '13 01:02 jayalfredprufrock

The notifications are stacking up on top of each other ... any idea of why this is? I tried your fork but they keep showing up right on top of each other.

anthonymartin avatar Feb 26 '13 17:02 anthonymartin

This is untested, so I have no idea.

nijikokun avatar Feb 26 '13 17:02 nijikokun

@jayalfredprufrock - any idea?

anthonymartin avatar Feb 26 '13 17:02 anthonymartin

This type of HTML structure gets stacking working right:

<div class="notifications top-right">
  <div id="notification_1" class="notifications">
</div>
$('#notification_1').notify();

anthonymartin avatar Feb 26 '13 18:02 anthonymartin

@anthonymartin

I'm not sure what could be causing this issue. You should not have to nest another div.notifications to get this to work. The only change I made was the position where new notifications were placed in the notifications container. Also, unless you specify stack:"above" in the options, then the code should behave like it did previously. Were you having this stacking issue before trying my fork? If there is a place where I can see your code in action, I'll be happy to take a look. Good luck

jayalfredprufrock avatar Feb 26 '13 18:02 jayalfredprufrock