ng-If To Hide a Tab Causes Rendering Problems

4 posts, 0 answers
  1. Grant
    Grant avatar
    10 posts
    Member since:
    Jan 2014

    Posted 24 Aug 2015 Link to this post

    When updating to 2015.2.805, we've discovered a NUMBER of  problems with our usage of Angular and Kendo.  We regularly update, and have had no problems previously.  We're hoping we can get some answers as to the problem(s).


    We use ng-ifs to hide/show tabs based on certain parameters.  In the latest release, this technique breaks the rendering of the tabstrip.


    Here's the previous release, where it works just fine.

    What's wrong?​

  2. Petyo
    Petyo avatar
    2437 posts

    Posted 26 Aug 2015 Link to this post

    Hello Grant,


    the approach you have taken is not supported and has worked by accident previously. In general, modifying the widget markup with angular directives is not supported and may lead to unexpected results. As an alternative, I may suggest that you prepare the configuration of the tabstrip as a JavaScript object and pass it to the component via the dataSource configuration option - like this (several other examples are present here, too).


    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Robert
    Robert avatar
    6 posts
    Member since:
    Jul 2010

    Posted 31 Mar in reply to Petyo Link to this post

    We use the tabstrip LI container to display an image with the text and sometimes a record count for the data the tab contains.  How would we accomplish that using the dataSource method?  I don't see any property we can set for the content of the tab item itself.
  4. Robert
    Robert avatar
    6 posts
    Member since:
    Jul 2010

    Posted 31 Mar in reply to Robert Link to this post

    I did find a workaround for this.  ng-show doesn't exhibit the rendering problem and accomplishes almost the same thing. 
Back to Top