Notification customize

[MMRIZE]

@fischi87
So, what you want is this kind? Instead of top position than bottom position?

You can override most of presentation with css.
Append this into your custom.css

/* css/custom.css */
.ns-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.ns-effect-slide-center.ns-show {
  animation: new-anim-slide-elastic-center 1s ease;
}

@keyframes new-anim-slide-elastic-center {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  90% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

You may need hiding animation. guess it by yourself. :)

[fischi87]

@MMRIZE

thanks that looks fine and this is a alert or alert with type notification? because i need the type notification. if i get more than one notification the alert displayed just the last one and the notification more than just one. u know what i mean?

[MMRIZE]

@fischi87
It is for type: 'notification'.
I used this;

this.sendNotification('SHOW_ALERT', {
        type: 'notification',
        title: 'Test Module',
        message: 'I am a test notification',
        timer: 10000,
})

[MMRIZE]

@fischi87
But what you want is a stackable something; it needs another CSS modification. (I thought only single notification case.)

[fischi87]

@MMRIZE

i will give it a try later with ur css data and let u know if its work. thank man.