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

2 posts, 0 answers
  1. Stephen
    Stephen avatar
    5 posts
    Member since:
    Mar 2012

    Posted 25 Oct 2012 Link to this post

    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..
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 30 Oct 2012 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
Back to Top