How to enable partial rendering with the AJAX UpdatePanel

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CreateListing.aspx.cs" Inherits="BazaarOfCards.Members.CreateListing" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="../Scripts/fineuploader/fine-uploader-new.css" rel="stylesheet" type="text/css"/>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <div class="Column12" id="Form_NewListing">
       
                <h2 class="h2row">Create Your Listing</h2>

            <div class="wrapper">
                <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" ></asp:ScriptManager>                
                <asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">                    
                    <ContentTemplate>   
  
                           <asp:Panel runat="server" ID="pnlContainer" style="display: inline;"></asp:Panel>
                           <asp:Image ImageUrl="~/Images/Selected.png" runat="server" style="display:inline;" ID="ImageSelected" Visible="false"/>


                           <h3 class="h3row">Help buyers find your item with a great title</h3>
                           <ul>
                           <li>
                           <asp:TextBox cssClass="panel" ID="tbTitle" runat="server" height="16px" size="30"  MaxLength="80" TextMode="SingleLine" width="400px"></asp:TextBox>
                           </li>
                           </ul>

                           <h3 class="h3row">Increase chances of selling your item with a great description</h3>
                            <ul>

                        <li>
                            <asp:TextBox cssClass="panel" ID="tbDescription" runat="server" height="400px" TextMode="MultiLine"></asp:TextBox>
                        </li>
                    </ul>   


                    </ContentTemplate> 
                </asp:UpdatePanel>


                <h3 class="h3row">Make sure you show off your item with pictures (Required to have at least 1 image)</h3>
                           <ul>
                              
                            <li>
                            

                               
    <!-- The element where Fine Uploader will exist. -->
    <asp:UpdatePanel ID="UpdatePanel2"  UpdateMode="Conditional" runat="server"> 
    <ContentTemplate>
    <div id="fine-uploader">
    </div>
    
    
    <!-- Fine Uploader -->
    <script src="../Scripts/fineuploader/fine-uploader.min.js" type="text/javascript"></script>

    
    <script type="text/template" id="qq-template">
    
    
        <div class="qq-uploader-selector qq-uploader" qq-drop-area-text="Drop files here">
            <div class="qq-total-progress-bar-container-selector qq-total-progress-bar-container">
                <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-total-progress-bar-selector qq-progress-bar qq-total-progress-bar"></div>
            </div>
            <div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
                
            </div>
            <div class="qq-upload-button-selector qq-upload-button">
                <div>Upload a file</div>
            </div>
            
                <span>Processing dropped files...
                
            </span>
            <ul class="qq-upload-list-selector qq-upload-list" aria-live="polite" aria-relevant="additions removals">
                <li>
                    <div class="qq-progress-bar-container-selector">
                        <div role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" class="qq-progress-bar-selector qq-progress-bar"></div>
                    </div>
                    
                    <img class="qq-thumbnail-selector" qq-max-size="100" qq-server-scale>
                    
                    
                    <input class="qq-edit-filename-selector qq-edit-filename" tabindex="0" type="text">
                    
                    <button class="qq-btn qq-upload-cancel-selector qq-upload-cancel">Cancel</button>
                    <button class="qq-btn qq-upload-retry-selector qq-upload-retry">Retry</button>
                    <button class="qq-btn qq-upload-delete-selector qq-upload-delete">Delete</button>
                    <span role="status" class="qq-upload-status-text-selector qq-upload-status-text"></span>
                </li>
            </ul>

            <dialog class="qq-alert-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button class="qq-cancel-button-selector">Close</button>
                </div>
            </dialog>

            <dialog class="qq-confirm-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <div class="qq-dialog-buttons">
                    <button class="qq-cancel-button-selector">No</button>
                    <button class="qq-ok-button-selector">Yes</button>
                </div>
            </dialog>

            <dialog class="qq-prompt-dialog-selector">
                <div class="qq-dialog-message-selector"></div>
                <input type="text">
                <div class="qq-dialog-buttons">
                    <button class="qq-cancel-button-selector">Cancel</button>
                    <button class="qq-ok-button-selector">Ok</button>
                </div>
            </dialog>
        </div>
        
    </script>
    
    <script>
        var uploader = new qq.FineUploader(
        {
            debug: true,

            element: document.getElementById('fine-uploader'),

            request: {
                endpoint: 'ImageUploader.ashx'
            },

            deleteFile: {
                enabled: true,
                endpoint: 'ImageUploader.ashx'
            },
            retry: {
                enableAuto: true
            },

            session: {
                refreshOnRequest: true
            },

            callbacks: {
                onError: function (id, name, errorReason, xhrOrXdr) {
                    alert(qq.format("Error on file number {} - {}.  Reason: {}", id, name, errorReason));
                },

                onDelete: function (id) {
                    this.setDeleteFileParams({ filename: this.getName(id) }, id);
                }
            }

        });
    </script>        
                  
                  </ContentTemplate>
     </asp:UpdatePanel>          
            </li>
           
            </ul>

           </div>

    </div>
</asp:Content>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.IO;

namespace BazaarOfCards.Members
{
    public partial class CreateListing : System.Web.UI.Page
    {
        /// <summary>
        /// Keeps the number of ListBox controls we dynamically add 
        /// to the page at runtime.
        /// </summary>
        private Int32 controlCount = 0;


        public List<ImageButton> m_Images = new List<ImageButton>();

        /// <summary>
        /// 
        /// </summary>
        //public string m_Step = "1";
        public string m_CatID = string.Empty;
        public string m_CategoryName = string.Empty;

        /// <summary>
        /// The panel object from the page
        /// </summary>
        Panel m_PanelListBoxControls;


        // Needed to get the panel from the content
        private Panel PanelListBox
        {
            get
            {
                if (m_PanelListBoxControls == null && Master != null)
                {
                    m_PanelListBoxControls = pnlContainer;
                }
                return m_PanelListBoxControls;
            }
        }

        protected void Page_Error(object sender, EventArgs e)
        {
            var ServerError = Server.GetLastError() as HttpException;

            if (ServerError != null)
            {
                int ErrorCode = ServerError.GetHttpCode();

                switch (ErrorCode)
                {
                    case 404:
                        Server.ClearError();
                        Server.Transfer("/ErrorPages/404.aspx");
                        break;
                    default:
                        Server.ClearError();
                        break;
                }
            }
        }


        /// <summary>
        /// 
        /// </summary>
        protected void Page_PreInit(Object sender, EventArgs e)
        {
            //EnsureChildControls();

            if (IsPostBack)
            {
                // m_Step = Request["Step"];

                // Re-create controls but not from datasource
                // The controlCount value is output in the page as a hidden field during PreRender.
                controlCount = Int32.Parse(Request.Form["controlCount"]); // assigns control count from persistence medium (hidden field)         

                for (Int32 i = 0; i < controlCount; i++)
                {
                    CreateDynamicListBoxGroup(false);
                }
            }
        }

        /// <summary>
        /// 
        /// </summary>
        protected void Page_Load(Object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                if (Directory.Exists(HttpContext.Current.Server.MapPath("/Members/Uploads/" + HttpContext.Current.User.Identity.Name)))
                {
                    Directory.Delete(HttpContext.Current.Server.MapPath("/Members/Uploads/" + HttpContext.Current.User.Identity.Name), true);
                }

                //DataTable dt = null;
                //Dictionary<string, string> Params = new Dictionary<string, string>();
                //dt = Globals.g_DatabaseHandler.GetRecords(StoredProcedures.GetMainCategories, Params);

                CreateDynamicListBoxGroup(true);


                ListBox lb = (ListBox)pnlContainer.Controls[controlCount - 1];

                lb.Items.Add(new ListItem("One", "1"));
                 lb.Items.Add(new ListItem("Two", "2"));
                //lb.DataSource = dt;
                //lb.DataValueField = "ID";
                //lb.DataTextField = "Name";
                lb.DataBind();
            }
            //}
            //else
            //{
            //    throw new HttpException(404, "Page Not Found - " + Request.ServerVariables["URL"] + "?" + Request.QueryString);
            //}

        }

        /// <summary>
        /// 
        /// </summary>
        protected void Page_PreRender(Object sender, EventArgs e)
        {
            // persist control count
            ClientScript.RegisterHiddenField("controlCount", controlCount.ToString());
        }

        /// <summary>
        /// 
        /// </summary>
        private void ListBox_SelectedIndexChanged(Object sender, EventArgs e)
        {
            // First lets see if we need to remove any controls based on the index 
            // of the control the user clicked a item in.
            int index = pnlContainer.Controls.IndexOf((ListBox)sender);
            for (int i = pnlContainer.Controls.Count - 1; i > index; i--)
            {
                //PanelListBox.Controls[i].Visible = false;
                pnlContainer.Controls.RemoveAt(i);
                controlCount--;
            }

            ListBox lb = sender as ListBox;

            //Dictionary<string, string> Params = new Dictionary<string, string>();
            //Params.Add("ParentID", lb.SelectedValue);
            //DataTable Categories = Globals.g_DatabaseHandler.GetRecords(StoredProcedures.GetChildCategories, Params);

            //if (Categories.Rows.Count > 0)
            //{
            //    //btnStep1.Enabled = false;
            //    ImageSelected.Visible = false;
            //    CreateDynamicListBoxGroup(true);

            //    ListBox newLb = (ListBox)pnlContainer.Controls[controlCount - 1];

            //    newLb.DataSource = Categories; // use the same table
            //    newLb.DataValueField = "ID";
            //    newLb.DataTextField = "Name";
            //    newLb.DataBind();
            //}
            //else
            //{
                //btnStep1.Enabled = true;
                ImageSelected.Visible = true;
                GetCategoryBreadCrumb();
            //}

        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="incrementCounter">
        /// If we are adding a new ListBox, this value will be true; otherwises 
        /// we are just redrawing all controls after postback
        /// </param>
        private void CreateDynamicListBoxGroup(Boolean incrementCounter)
        {
            ListBox lb = new ListBox();
            lb.AutoPostBack = true;
            lb.CssClass = "panel";
            lb.Width = 175;
            lb.Height = 150;

            // wire event delegate
            lb.SelectedIndexChanged += new EventHandler(ListBox_SelectedIndexChanged);

            PanelListBox.Controls.Add(lb);

            if (incrementCounter)
            {
                controlCount += 1;
            }
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnStep1_Click(object sender, EventArgs e)
        {
            //m_Step = "2";

            // Get the Category ID the listing is going to go.
            m_CatID = ((ListBox)pnlContainer.Controls[controlCount - 1]).SelectedValue;
            GetCategoryBreadCrumb();
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnPrevious_Click(object sender, EventArgs e)
        {
            //m_Step = "1";
        }

        /// <summary>
        /// 
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void btnFinish_Click(object sender, EventArgs e)
        {

        }

        /// <summary>
        /// 
        /// </summary>
        protected void GetCategoryBreadCrumb()
        {
            for (int i = 0; i < pnlContainer.Controls.Count; i++)
            {
                if (i == pnlContainer.Controls.Count - 1)
                {
                    m_CategoryName += ((ListBox)pnlContainer.Controls[i]).SelectedItem.Text;
                }
                else
                {
                    m_CategoryName += ((ListBox)pnlContainer.Controls[i]).SelectedItem.Text + " > ";
                }
            }

            m_CatID = ((ListBox)pnlContainer.Controls[controlCount - 1]).SelectedValue;
        }
    }
}