This is a migrated thread and some comments may be shown as answers.

Animation Effect Options?

2 Answers 196 Views
Notification
This is a migrated thread and some comments may be shown as answers.
Justavian
Top achievements
Rank 1
Justavian asked on 17 May 2014, 08:19 PM
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?

2 Answers, 1 is accepted

Sort by
0
Justavian
Top achievements
Rank 1
answered on 17 May 2014, 10:23 PM
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.
0
Kiril Nikolov
Telerik team
answered on 19 May 2014, 12:52 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Notification
Asked by
Justavian
Top achievements
Rank 1
Answers by
Justavian
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Share this question
or