Question

Say, I have the following template snippet:

  <div class="endless_page_template">
    {% include page_template %}
  </div>

The snippet is within a tab, which is behind other tabs when the page is first loaded and its content won’t show until user clicks on the tab.

Question: Is there any way to delay the loading and rendering of page_template until a specific event is triggered at the client-side?

Answer 1

Change that template to have a little AJAX loader graphic as the contents. Then create a new view to load page_template from an AJAX request that is triggered on the tab’s click event.