Kendo MVC TabStrip Disable Animation; Animation getting reenabled on javascript select of tab.

4 posts, 0 answers
  1. Mahendra
    Mahendra avatar
    1 posts
    Member since:
    Jun 2015

    Posted 03 Jun 2015 Link to this post

    Hi Tlerik Team,


    I'm trying to disable the animation for the Kendo MVC TabStrip and I did like 

     @{ Html.Kendo().TabStrip()     
             .Events(events => events.Select("onSelect"))
              .Animation(animation =>

    And its working as expected; But when I change the tab using the java script code, the animation is enabled again!!!!

    Here is the code that I used.

      var tabstrip = $("#tabxyz").kendoTabStrip().data("kendoTabStrip");  
      var myTab = tabstrip.tabGroup.children("li").eq(selectedTab);;


    Please let me know what i'm doing wrong!! 

    Thanks in advance.





  2. Rosen
    Rosen avatar
    3247 posts

    Posted 05 Jun 2015 Link to this post

    Hello Mahendra,

    By looking at the code you have pasted, I suspect that the issue is caused by the fact that a new TabStrip widget is created in the "somemethod". In order to get the already existing instance of the TabStrip from a given element, you should call the .data("kendoTabStrip") directly on the element:



    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. jerry
    jerry avatar
    1 posts
    Member since:
    Jun 2016

    Posted 07 Sep Link to this post

    I came across the same issue.

              .Items(tabstrip =>



    after doing in javascript:

    var tabStrip = $("#racks").kendoTabStrip().data("kendoTabStrip");

    the animation is enabled again.

    I tried Rosen's suggestion, but 

    $("#racks").data("kendoTabStrip");  is undefined

    can you help please?





  4. Ivan Danchev
    Ivan Danchev avatar
    1302 posts

    Posted 08 Sep Link to this post

    Hello Jerry,

    You should get a reference to the TabStrip in a document.ready handler:
    $(document).ready(function () {

    The call to the kendoTabStrip() method initializes the TabStrip again with default settings so it should be omitted:

    Ivan Danchev
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top