Animation Effect Options?

[Justavian]

I'm trying to get my notifications to collapse, rather than just fade out.  I've looked all over for a list of possible animations, but all i can find is a few examples (using fade and zoom), and a forum post from 2011 that said the animation types would soon be listed in the documentation for Window.

http://www.telerik.com/forums/list-of-animation-types

I've come across the "collapseVertical" option in the javascript, but that doesn't work for the notification.  Here's what i tried:

var staticNotification = $("<span></span>").kendoNotification({
appendTo: $(".topStaticNotification"),
animation: {
close: {
effects: "collapseVertical"
}
},
hide: hideNotification
}).data("kendoNotification");

If i put in "fadeOut", then the notification behaves as normal.  But it doesn't look like any other options can work there.  Is this possible by just using the built in animation somehow?

My next thought was to just catch the "hide" event and manually collapse it (hence the hideNotification above).  But, for whatever reason, this doesn't seem to work either.

Any ideas?

[Justavian]

For now, i just set the hideOnClick to false and attached my own click handlers.  It would still be nice to know what all of the options are for the animation.

[Kiril Nikolov]

Hello Justavian,

All the available Kendo UI animations are shown here:

http://demos.telerik.com/kendo-ui/web/fx/expand.html

Please note that some of these animations require more than one element to be animated, which makes them unapplicable for the Kendo UI Notification widget.

Regards,
Kiril Nikolov
Telerik