For some reason my update progress gif won't animate.

IceThatJaw · January 12th, 2012, 05:36 AM

Hey Imar,

I know this is a really minor problem but it is really frustrating me. I followed all of the steps for adding an updateprogress panel and my animated gifs show up just fine but they don't animate for some reason.

I generated a gif from www.ajaxload.info and here is the markup just case I missed something.

Is it not supposed to animate or something?

Thanks, Dave.

HTML Code:

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
  <ContentTemplate>
    <table id="FormTable" runat="server" class="style1">
      <tr>
        <td colspan="3">


<!--   .... the rest of the formtable ....  -->


    </table>
    <br />
    <asp:Label ID="MessageSent" Text="Your message has been submitted." visible="false" runat="server" />
  </ContentTemplate>
</asp:UpdatePanel>

<asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="UpdatePanel1" 
  runat="server" DynamicLayout="False">
  <ProgressTemplate>
    <div class="PleaseWait">
    Please Wait...
    </div>
  </ProgressTemplate>
</asp:UpdateProgress>

CSS:

HTML Code:

.PleaseWait
  {
    height: 42px;
    width: 500px;
    background-image: url(Images/ajax-loader.gif);
    background-repeat: no-repeat;
    padding-left: 52px;
    line-height: 42px;
  }

Imar · January 12th, 2012, 11:05 AM

Hi there,

I assume the image is visile while you wait?

Does it animate when you request it in the browser directly?

Imar

IceThatJaw · January 12th, 2012, 06:59 PM

Hey Imar,

No, it does not animate when I open the gif directly in IE9 but neither did the 2 gifs you supplied in the resources folder so I didn't think anything of it.

I can see the image just fine when during run-time but it is just a static gif.

Are they supposed to animate when you view them directly?

Imar · January 13th, 2012, 06:23 AM

In that case, I think animation is turned off. Try this in IE: go to Internet Options, select the Advanced tab. Scroll down until you see "Play animations in webpages" under Multimedia and make sure that the option is checked. Then restart IE and try again.

Cheers,

Imar