Tabs not styled in ng-repeat

4 posts, 0 answers
  1. Michael
    Michael avatar
    1 posts
    Member since:
    Dec 2014

    Posted 25 Jan 2015 Link to this post

    For some reason, any tab content that is getting generated with the result of an ng-repeat shows up with no style (tab strip and body).  Below is my sample code.  I have attached a screen shot of it rendering that shows the Hello and World tabs being styled and the other items being ignored.  I have this tab wrapped in a bootstrap Modal.

    Prereqs:
    AngularJS v1.3.2
    Bootstrap v3.1.1
    jQuery 2.1.3
    kendoui v2014.3.1223
    Browsing with, Google Chrome:  v39.0.2171.99

    <div kendo-tab-strip k-content-urls="[ null, null]" style="background-color: white; border-color: white">
      <!-- tab list -->
      <ul style="background-color: white">
        <li class="k-state-active">Hello</li>
        <li>World</li>
        <li ng-repeat="tab in selectedItem.Ui">Tab# {{$index}}</li>
      </ul>
      <div style="padding: 1em">
        Chicken
      </div>
      <div style="padding: 1em">
        Thigh
      </div>
      <div ng-repeat="tab in selectedItem.Ui" style="padding: 1em">
        {{$index}}
      </div>
    </div>



    I do have this working in a different location.  It is also inside of a Bootstrap modal.  However, it is also sitting inside a few different containers.  Here is the container path:
    Bootstrap Modal --> static kendoui-tab-strip --> Bootstrap collapse accordion --> kendoui-tab-strip powered with ng-repeat
  2. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 27 Jan 2015 Link to this post

    Hello Michael,

    this does not seem to be a known issue. Please replicate it in a dojo - we will examine it further.

    Regards,
    Petyo
    Telerik
     
    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. Stavros Menegos
    Stavros Menegos avatar
    5 posts
    Member since:
    Jul 2006

    Posted 26 Nov 2015 in reply to Petyo Link to this post

    Hi Petyo,

    I am running the latest version of kendo-ui and the problem Michael is reporting is still there. In other words, you cant' use kendo-tab-strip with angular repeat !!!

    I think that is a major issue,

     

    Thanks in advance

    Stavros Menegos

  5. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 30 Nov 2015 Link to this post

    Hello Stavros,

     

    please check this help article for more details on the issue.

     

    Regards,
    Petyo
    Telerik
     
    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