I'm having trouble with the UpdatePanel. It is causing even more flicker.

IceThatJaw · January 12th, 2012, 09:28 PM

I wrapped most of the content in my master page in an update panel so the page won't flicker but for some reason it actually is causing even more flicker. lol

Is there a better way to accomplish this and am I even doing this correctly?

This is the markup for my master page. It is very similar to how you have it in the book.

HTML Code:

      <asp:UpdatePanel ID="UpdatePanel1" runat="server" >
      <ContentTemplate>
        
        <div id="MenuWrapper">
          <asp:Menu ID="Menu1" CssClass="MainMenu" runat="server" 
            DataSourceID="SiteMapDataSource1" Orientation="Horizontal" 
            StaticEnableDefaultPopOutImage="False">
          </asp:Menu>
          <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" 
            ShowExpandCollapse="False">
            <LevelStyles>
              <asp:TreeNodeStyle CssClass="FirstLevelMenuItems" />
            </LevelStyles>
          </asp:TreeView>
        </div>

        <div id="Breadcrumbs"> <asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath> 
         <br /> <br /> <br />
        </div>

        <div id="ExtraContent">
          Put something neat here
          <cc1:Editor ID="Editor1" runat="server" />

          <ajaxToolkit:Twitter ID="Twitter1" Visible="false" 
              Mode="Profile"
              ScreenName="" 
              runat="server" />
        </div>
      
       <div id="Sidebar">
          Select a Theme<br />
          <asp:DropDownList ID="ThemeList" runat="server" AutoPostBack="True" 
            onselectedindexchanged="ThemeList_SelectedIndexChanged" Width="105px">
            <asp:ListItem>Default</asp:ListItem>
            <asp:ListItem>Midnight</asp:ListItem>
            <asp:ListItem>DarkGrey</asp:ListItem>
          </asp:DropDownList> 
          <br />
          <UFC:Banner ID="Banner1" runat="server" DisplayDirection="Vertical"></UFC:Banner>
          <br />
          <br />
       </div>

         <div id="MainContent"> 
     
          <!-- Main Content Place Holder -->
          <asp:ContentPlaceHolder id="cpMainContent" runat="server">
          </asp:ContentPlaceHolder>
         </div>

        </ContentTemplate>
      </asp:UpdatePanel>

Imar · January 13th, 2012, 07:07 AM

Hi there,

Adding an UpdatePanel to a Master page doesn't make a lot of sense. When you browse from page to page, you issue a new reguest using GET which renders the UpdatePanel useless.

Instead, add it to content pages around specific areas you want to update without refreshing the entire page after a postback.

To smooth the transition between pages, take a look here: http://imar.spaanjaars.com/314/smoot...ge-transitions (IE only).

Cheers,

Imar

IceThatJaw · January 13th, 2012, 03:26 PM

Excellent advice, I'll do that!

vbboyd · January 13th, 2012, 10:48 PM

Quote:

Originally Posted by Imar

Hi there,

Adding an UpdatePanel to a Master page doesn't make a lot of sense. When you browse from page to page, you issue a new reguest using GET which renders the UpdatePanel useless.

Instead, add it to content pages around specific areas you want to update without refreshing the entire page after a postback.

To smooth the transition between pages, take a look here: http://imar.spaanjaars.com/314/smoot...ge-transitions (IE only).

Cheers,

Imar

Do you not add a script manager proxy if you have a update panel in both your master page and your content pages as well. Could adding a script manager proxy help in this aforementioned situation?
Again thank you for your help to us all on these particular issues.

Imar · January 14th, 2012, 05:45 AM

Quote:

Could adding a script manager proxy help in this aforementioned situation?

Not for browsing from page to page as that issues new GET requests requesting an entirely new page. The UpdatePanel only works on post backs, not on GET requests.

Cheers,

Imar