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
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
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