contentURLs not pulling data

2 posts, 0 answers
  1. John
    John avatar
    1 posts
    Member since:
    Jul 2015

    Posted 04 Aug 2015 Link to this post

    Hello, I have my tabstrip configured to pull dynamic content for each tab using the contentURLs property like so:


    <!-- TABSTRIP -->
    <div id="tabstrip-revenue-by-product">
            <li class="k-state-active">
                Revenue by HCPC
                Versus Prior Month
                Normalized Revenue
        <!-- Revenue by HCPC -->
        <div class="revenue-by-hcpc">
        <!-- Versus Prior Month -->
        <div class="versus-prior-month">
        <!-- YTD -->
        <div class="ytd">
        <!-- Normalized Revenue -->
        <div class="normalized-revenue">
    </div> <!-- End Tabstrip -->
    $(document).ready(function () {
                animation: {
                    open: {
                        effects: "fadeIn"
                contentUrls: [

    But the contentURLs never fire. I use Firebug to track any AJAX calls, but none are being made. It's not like I have a bad path to the file, because I don't even see the request. 

  2. Konstantin Dikov
    Konstantin Dikov avatar
    2466 posts

    Posted 06 Aug 2015 Link to this post

    Hello John,

    The issue in your scenario is due to the fact that you are DIV elements are not empty (containing an empty line). As documented in the following help article, "Content DIVs should be empty for AJAX loading to work":
    Here is the correct way for defining your DIV elements:
    <div class="revenue-by-hcpc"></div>
    <!-- Versus Prior Month -->
    <div class="versus-prior-month"></div>
    <!-- YTD -->
    <div class="ytd"></div>
    <!-- Normalized Revenue -->
    <div class="normalized-revenue"></div>

    Hope this helps.

    Konstantin Dikov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top