6

I have a modal panel for login/ sign-up operations and I am notifying in case of unsuccessful login with bootstarp-notify , but notification appears on the blurry (disabled area) out of the modal panel. I am wondering how can I attache my notification to my modal panel or (this one will be a better solution for me) how can I show the notification on foreground and not under the blurry disables screen. I checked the "element" parameter in bootstarp-notify documentation but I couldn't find out how should I use that. should I use the jquery selector to point out the element or just id or name.

Yashar
  • 1,122
  • 2
  • 15
  • 43
  • Could you provide some code? It's hard to help you like that, without even knowing what's happening. – Aer0 Feb 04 '16 at 08:20

2 Answers2

13

Just give the z_index setting a higher value.

For example, try this code:

$.notify({
    // options
    message: 'Error message goes here' 
},{
    // settings
    type: 'danger',
    z_index: 2000,
});
Firman
  • 463
  • 2
  • 7
  • 21
7

It seems that z_index attribute do the magic. if we increase it to a higher value like 2000 or 3000 (Default value is 1031) , the notification moves to the foreground( above the modal panel disables area). I have still no idea what are these numbers and where they are come from.

Yashar
  • 1,122
  • 2
  • 15
  • 43