How To: Make Tab control panels load “on-demand”

Several people have asked about how to make the contents of their tabs load when the user first clicks them, thereby reducing initial page size. I can think of several ways to do this with varying levels of complexity, but here’s away you can do right now with minimal hacking. We’ll think about how to build this in. But for now… Basically we can do this with UpdatePanels. What we’ll do is: Add an UpdatePanel inside each TabPanel Add a hidden button to trigger that update panel Add a Panel with Visible=”false” that has the content we want to load inside of it (Visible false prevents it from rendering at all) Write some JavaScript to trigger that button. Let’s get started. First, we just create an empty AJAX Enabled project and drop an AjaxControlToolkit…(read more)

Speak Your Mind