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

contentUrls not loading.. unless class="k-state-active" added to last ?

1 Answer 289 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Stephen
Top achievements
Rank 1
Stephen asked on 26 Oct 2012, 02:52 AM
I have a grid driven application where I need to load 5 grids and access them via tabs, kind of like a tree.
If I do the following I only get content loaded for the first tab:
<div id="tabstrip">
    <ul>
        <li id="project" class="k-state-active">Projects</li>
        <li id="shift" >Shifts</li>
        <li id="employee">Employees</li>
        <li id="contact" >Contacts</li>
        <li id="customer" >Customers</li>

But if I put the class="k-state-active" on the last tab, everything works fine because I'm guessing it loads everything in then finds the active tab ? I was wondering how I should ensure that my contentUrls finish loading properly.

Later: turns out this is just an illusion and  'patience is a virtue'. IOW the tabs do load I was just trying too quickly. What I need is a way to display the spinner until ALL the content is loaded..

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 30 Oct 2012, 11:43 AM
Hello Stephen,

You can use the TabStrip's activate and contentLoaded events to add and remove a loading animation to the page.

http://docs.kendoui.com/api/web/tabstrip#events

Regards,
Dimo
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
Stephen
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or