This is a migrated thread and some comments may be shown as answers.

Loading TabStrip content with AJAX

1 Answer 243 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Kyle
Top achievements
Rank 1
Kyle asked on 31 May 2012, 07:16 PM
It appears that the loading of content into the tabstrip divs is sensitive to any whitespace between the <div></div> tags.

So in the example below html-content-snippet.html will not load in either div (in fact it appears the xhr call is never fired).

Perhaps this is by design but it took me a bit to figure this nuance out.

<div id="tabstrip">
    <ul>
        <li>First Tab</li>
        <li>Second Tab</li>
    </ul>
    <div> </div>
    <div>
    </div>
 </div>
$(document).ready(function(){
    $("#tabstrip").kendoTabStrip({
        contentUrls: ["html-content-snippet.html", "html-content-snippet.html"]
    });
 });

1 Answer, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 01 Jun 2012, 12:57 PM
Hello,

Yes, this is by design - TabStrip is automatically trying to guess if Ajax loading is required. Actually the DIVs are not required at all - you can init your TabStrip from an UL element only. I went ahead and updated the documentation about it, it will be live soon.

All the best,
Kamen Bundev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Kyle
Top achievements
Rank 1
Answers by
Kamen Bundev
Telerik team
Share this question
or