skip navigation
Kendo UI for jQuery
Product Bundles
DevCraft
All Telerik .NET tools and Kendo UI JavaScript components in one package. Now enhanced with:
NEW
: Design Kits for Figma
Online Training
Document Processing Library
Embedded Reporting for web and desktop
Web
Kendo UI
UI for jQuery
UI for Angular
UI for React
UI for Vue
UI for Blazor
UI for ASP.NET Core
UI for ASP.NET MVC
UI for ASP.NET AJAX
Mobile
UI for .NET MAUI
UI for Xamarin
Document Management
Telerik Document Processing
Desktop
UI for .NET MAUI
UI for WinUI
UI for WinForms
UI for WPF
Reporting
Telerik Reporting
Telerik Report Server
Testing & Mocking
Test Studio
Test Studio Dev Edition
Telerik JustMock
CMS
Sitefinity
UI/UX Tools
ThemeBuilder
Design System Kit
Templates and Building Blocks
Debugging
Fiddler
Fiddler Everywhere
Fiddler Classic
FiddlerCap
FiddlerCore
Free Tools
VB.NET to C# Converter
Testing Framework
View all products
Overview
Frameworks
jQuery
Angular
React
Vue
Demos
Roadmap
What's New
Roadmap
Release History
Docs & Support
Support and Learning
Support and Learning Hub
First Steps
Docs & Demos
Virtual Classroom
Forums
Feedback Portal
Blogs
Accessibility and Security
Submit a Ticket
Trust Center
Productivity and Design Tools
ThemeBuilder
Design System Documentation
Visual Studio Code Extensions
Embedded Reporting
Pricing
Shopping cart
Login
Contact Us
Try now
close mobile menu
Telerik Forums
/
Kendo UI for jQuery
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?
Add a comment
Submit comment
Cancel
3 Answers
, 1 is accepted
Sort by
Score
Date
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!
Add a comment
Submit comment
Cancel
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.
http://jsbin.com/anuxuy/2/edit
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!
Add a comment
Submit comment
Cancel
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
Add a comment
Submit comment
Cancel
Answer this question
Drag and drop files here or
browse
to attach...
Browse
for files to attach...
Supported file types: PNG, JPG, JPEG, ZIP, RAR, TXT. Max total file size - 20MB.
Submit answer
Cancel
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
Copy link