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

Detail template animation

3 Answers 162 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gabriel
Top achievements
Rank 1
Gabriel asked on 17 Jan 2012, 03:23 AM
In this example: http://demos.kendoui.com/web/grid/detailtemplate.html how would you add a slide down animation to the detail row template so it isn't just BANG there?

3 Answers, 1 is accepted

Sort by
0
Kate | D-Flo
Top achievements
Rank 1
answered on 11 Jun 2013, 02:55 PM
Bump... I'd like to know this as well!
0
Alexander Valchev
Telerik team
answered on 14 Jun 2013, 10:48 AM
Hi Kate and Gabriel,

By default Kendo UI Grid does not provide this as a build-in functionality.
If you would like to implement it, you may use kendo effects (slideIn demo) and custom CSS. Here is a small example which demonstrates one basic implementation.
Depending on when you want the animation to be executed, you may hook up to the detailInit/detailExpand events of the Grid.

I hope this information will help.

Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Kate | D-Flo
Top achievements
Rank 1
answered on 17 Jun 2013, 03:01 PM
Alexander,

Thank you for the reply, it is exactly what I'm looking for, a little improvement that makes a big difference for a smooth user experience.

Regards
Tags
Grid
Asked by
Gabriel
Top achievements
Rank 1
Answers by
Kate | D-Flo
Top achievements
Rank 1
Alexander Valchev
Telerik team
Share this question
or