Embarrassed by default date/month picker animations used inside grid

4 posts, 0 answers
  1. Curt Rabon
    Curt Rabon avatar
    45 posts
    Member since:
    Dec 2008

    Posted 01 Mar 2013 Link to this post

    The date/month picker animation is just horrible in some browser/video card setups.  What's worse is I'm so embarrassed when my customers see demos of our large enterprise-level apps.  I don't have anything to tell them other than Telerik won't let us turn them off.  Yes, we could use custom cell editors everywhere, but what a productivity killer...we have tons of grids and tons of dates in our apps...there's no way we could do that.

    The picker widgets have the setting.  Please.......provide us with a simple setting in the grid to turn them off.

    This is so embarrassing.

    Thanks.
  2. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 04 Mar 2013 Link to this post

    Hello Curt,

     We are not aware of any animation problems. Could you provide more details how to reproduce those glitches? Which browser / OS combination causes those problems?

     On a side note you can disable drop animations via the following code:
    $("#dropdown").kendoDropDownList({
      animation: false
    });

    Here is a live demo showing the same: http://jsbin.com/ejotaj/1/edit

    Regards,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Curt Rabon
    Curt Rabon avatar
    45 posts
    Member since:
    Dec 2008

    Posted 18 Mar 2013 Link to this post

    Thanks for trying, but you missed the point.  The point is that when editing a grid cell, the cell might show you a dropdown-list or a date picker, or other widgets for that matter, depending on your model.  There's no way to turn off a widget's animation when it is automatically generated by the grid when in batch edit mode.

    The date-picker is the worst....when navigating to a previous or future month it is unnecessarily slow.  I know you tried to copy Windows and how Windows does this, but why even animate the month navigation???  Is it really needed??

    With the browser's "hardware acceleration" turned off it's very bad, and when turned on it's not too bad.  I realize you made Kendo to live mostly in the social media and casual apps world, so I guess I can't expect it to be better, but I can tell you (but I'm sure you already know) that most customers using "business apps" don't want the animation.

    My setup:
    CPU: Intel Core i7-2630QM
    Memory: 8GB
    Graphics: NVidia NVS 4200M Quadro (Intel HD 3000) latest drivers for both
    Browsers: this problem happens more pronounced in IE9, but is still there in Firefox 19.0.2 
  5. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 19 Mar 2013 Link to this post

    Hello Curt,

     We cannot reproduce such behavior in our online demos. Here is a screencast that I recorded: http://screencast.com/t/3s9agkWY . Do you reproduce any lags on this demo?

     On a side note you never mentioned that your dropdownlist is inside a grid in your initial post. This is why I offered a stand alone solution. Fortunately there is a solution to disable animations globally for all dropdownlists. Here is the modified jsbin demo: http://jsbin.com/ejotaj/5/edit 

    The required code is this (has to be executed before any dropdownlist is used):
    kendo.ui.DropDownList.fn.options.animation = false;

    Regards,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready