I'm trying to add a little margin between stacked notifications to visually better separate individual notifications, however, I can't get the css right.

All demo's of stacked notifications has zero margin.

Do you have any suggestions?

I'd like to be able to float a notification top right.

I have looked at http://dojo.telerik.com/inAma, but I would hope something super-common like this would look something like:

   kendo.notification('my message', TOP-RIGHT);

thanks!

[Note: the default of bottom right is not useful, that is not prominent enough]

Hi!

It seems like the popup notifications overlap and the last word of short notification texts slips to the next line, when I limit their max-width and set the font-size in pt units.

Here is a demonstration of the bug (don't forget to make the browser window narrow first, so that longer notification texts need get wrapped automatically): http://dojo.telerik.com/iwiXE/13

When you change the font-size units to px, then the popup notifications work as expected. So it seems like the notification widget has a problem with font-size set in pt units. Or maybe I have to set the max-width in a different way?

What font-size and div size units are recommended generally when I want to create responsible web apps with Kendo UI? I am using vw and vh units for divs.

Best regards,

Kaan

Hi!

It seems like the space between the notification icon and the notification message differs between different notification types:

I have prepared an example. Just press a few times on the "As a popup on bottom-right" button to see the different spacings: http://dojo.telerik.com/Awuli/2

Only the template for the warning notification seems to have the right spacing.

Best regads,

Kaan

Hi,
I recently noticed a bug with the widget of notifications. If you show a centered notification and when is fading you show another one, the second one isn't centered but on the bottom right corner.

You can check this behaviour on the next link:
http://demos.telerik.com/kendo-ui/notification/position-stacking
Click "show centered notification" and when the notification starts to fade away, click again.

I started to notice this behaviour when I updated my kendo version recently. Now i'm using kendo version 2016.1.226.

Thanks.

hi i am trying to use Notification . 

And i am following same steps as shown in Demo. i put following code in show Event . But event is either not firing or function is not being called. I want to call Show event to get the notification centered.

function onShow(e) {
     alert ("in loop");
   var element = e.element.parent(),
                            eWidth = element.width(),
                            eHeight = element.height(),
                            wWidth = $(window).width(),
                            wHeight = $(window).height(),
                            newTop, newLeft;
                        
                        newLeft = Math.floor(wWidth / 2 - eWidth / 2);
                        newTop = Math.floor(wHeight / 2 - eHeight / 2);

                        e.element.parent().css({top: newTop, left: newLeft});
}   

   var centered = $("#notification").kendoNotification({
                        stacking: "down",
                        show: onShow,
                        button: true
                    }).data("kendoNotification");

  var notification = $("#notification").kendoNotification().data("kendoNotification");
                        notification.show("Assessment Saved successfully");
  });
</scri

following is the Dojo link.

http://dojo.telerik.com/idEHE/5

Please help. 

thanks,

In BlueOpal theme Error text message is not visible, because blue color text on red background, can not be read. (Set theme BlueOpal and click first button)

I have a MVC razor view that I want to define a notification on 

@(Html.Kendo().Notification() .Name("popupNotification") )

Just starting at this point, I get an error such as

Uncaught TypeError: jQuery(...).kendoNotification is not a function

There are other kendo widgets on the page (grid etc), they work as expected and the layout template is referencing the 2013.3.1324/kendo.all.min.js library.

Whats the deal with notification?

We lost a lot of time trying to use the notification widget by following that code sample: 
http://docs.telerik.com/kendo-ui/api/javascript/ui/notification#methods-show

But it's not working.
That configuration:  
{templates: { myAlert: "<div>System alert: #= myMessage #</div>"}}

should be: 
{templates: [
   { type: "myAlert", template: "<div>System alert: #= myMessage #</div>"}
]}