[Solved] Tabs not styled in ng-repeat

[Michael]

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

[Petyo]

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

 

 

[Stavros Menegos]

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

[Petyo]

Hello Stavros,

 

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

 

Regards,
Petyo
Telerik