title: UpdatePanelAnimationExtender - Resize not working
body: <p>This is the page that I'm having. But the resize part in the  section does not seem to be working. I copied most of the code from the <a href="http://www.asp.net/ajax/ajaxcontroltoolkit/samples/UpdatePanelAnimation/UpdatePanelAnimation.aspx" rel="nofollow noreferrer">Ajax site</a>. I placed a alert() in the  tag (line 108) to find the value of 'b._originalHeight' and it shows up as '44'. I have also tried the code in the above-said tutorial (line 132) and that did not work either. (I'm not sure where it is getting this value from. But I need it to show all the controls on the form.</p>
  
  <pre><code>&lt;%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddEditContest.ascx.cs" Inherits="TMPInternational.Spawn2DotComAdmin.Contest.UserControls.AddEditContest" %&gt;
  &lt;%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="uc" %&gt;
  &lt;%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
      Namespace="System.Web.UI" TagPrefix="asp" %&gt;
  &lt;%@ Register TagPrefix="ew" Assembly="eWorld.UI, Version=1.9.0.0, Culture=neutral, PublicKeyToken=24d65337282035f2" Namespace="eWorld.UI" %&gt;
  &lt;h1 style="margin-left:8px"&gt;Add/Edit Contest&lt;/h1&gt;
  &lt;asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true" /&gt;
  
  &lt;div style="text-align:left;width:500px; margin-left:8px"&gt;
      &lt;div id="PanelContainer"&gt;
          &lt;asp:UpdatePanel ID="AddEditContestUpdatePanel" runat="server" UpdateMode="Always"&gt;
              &lt;ContentTemplate&gt;
                  &lt;div id="background" style="text-align:left; height: 44px;"&gt;
                      &lt;asp:Panel ID="ContestList" runat="server"&gt;
                          &lt;asp:datagrid AllowSorting="false" id="ContestGrid" GridLines="None" CellPadding="5" 
                              Width="100%" AutoGenerateColumns="False" AlternatingItemStyle-BackColor="#cccccc" 
                              HeaderStyle-Font-Size="15px" HeaderStyle-Font-Bold="true" HeaderStyle-BackColor="#888f9b" 
                              Runat="server" AllowPaging="True" PageSize="10"
                              PagerStyle-NextPageText="Next &gt;&gt;" PagerStyle-PrevPageText="&lt;&lt; Back" &gt;
                              &lt;Columns&gt;
                                  &lt;asp:HyperLinkColumn DataNavigateUrlField="ContestID" DataNavigateUrlFormatString="../?Load=AddEditContest&amp;Type=Edit&amp;ContestID={0}" 
                                      DataTextField="Title" ItemStyle-width="30%" headertext="Contest Title" /&gt;
                                  &lt;asp:BoundColumn DataField="StartDate" ItemStyle-Width="35%" HeaderText="Start Date" /&gt;
                                  &lt;asp:BoundColumn DataField="EndDate" ItemStyle-Width="35%" HeaderText="End Date" /&gt;
                              &lt;/Columns&gt;
                          &lt;/asp:datagrid&gt;
                          &lt;div style="text-align:right;"&gt;
                              &lt;asp:ImageButton ID="AddContest" runat="server" 
                                  ImageUrl="~/Contest/Images/Add.png" AlternateText="Add Contest" 
                                  onclick="AddContest_Click" /&gt;
                          &lt;/div&gt;
                      &lt;/asp:Panel&gt;
                      &lt;asp:Panel ID="FieldsPanel" runat="server"&gt;
                          &lt;p /&gt;&lt;b&gt;Title&lt;/b&gt;
                          &lt;br /&gt;
                              &lt;asp:TextBox Runat="server" id="TitleText" /&gt;
                              &lt;asp:RequiredFieldValidator id="TitleValidator" runat="server" ForeColor="Red"
                                  ErrorMessage="Please add a title" ControlToValidate="TitleText"&gt;*&lt;/asp:RequiredFieldValidator&gt;
                          &lt;p /&gt;&lt;b&gt;Contest Description&lt;/b&gt;
                              &lt;br /&gt;
                              Use HTML tags to format this area. Start paragraphs with 
                              &amp;lt;p /&amp;gt; tag, bold items with &amp;lt;b&amp;gt;&amp;lt;/b&amp;gt; tags. Create a 
                              line-break between lines with one &amp;lt;br /&amp;gt; tag.&lt;br /&gt;
                              &lt;asp:TextBox Runat="server" ID="DescriptionText" TextMode="MultiLine" Width="400" Height="200" /&gt;
                              &lt;asp:RequiredFieldValidator id="DescriptionValidator" runat="server" ErrorMessage="Please add a description" 
                                  ControlToValidate="DescriptionText" ForeColor="Red"&gt;*&lt;/asp:RequiredFieldValidator&gt;
                          &lt;p /&gt;
                              &lt;b&gt;Contest Start Date&lt;/b&gt;
                          &lt;br /&gt;
                          &lt;ew:CalendarPopup id="StartDate" runat="server" Text="Change Date" Width="75px" MonthYearArrowImageUrl="~/Images/monthchange.gif"
                              CalendarLocation="Left" ControlDisplay="TextBoxImage" ImageUrl="~/Images/calendar.gif" MonthYearPopupApplyText="Select"
                              CalendarWidth="150" UseExternalResource="True" ExternalResourcePath="~/Scripts/CalendarPopup.js" Nullable="False"&gt;
                              &lt;WeekdayStyle Font-Names="Arial" ForeColor="Black" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;MonthHeaderStyle Font-Size="9pt" Font-Names="Arial" Font-Bold="True" ForeColor="White" BackColor="#669AC1" /&gt;
                              &lt;OffMonthStyle ForeColor="Gray" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;GoToTodayStyle Font-Names="Arial" ForeColor="Black" BackColor="White"/&gt;
                              &lt;TodayDayStyle Font-Bold="True" ForeColor="#669AC1" BackColor="White" /&gt;
                              &lt;DayHeaderStyle Font-Size="9pt" Font-Names="Arial" Font-Bold="True" ForeColor="Blue" BackColor="White" /&gt;
                              &lt;WeekendStyle Font-Names="Arial" ForeColor="Blue" BackColor="LightGray" Font-Size="9pt" /&gt;
                              &lt;SelectedDateStyle Font-Bold="True" ForeColor="White" BackColor="#669AC1" Font-Size="9pt"/&gt;
                              &lt;HolidayStyle Font-Names="Arial" ForeColor="Black" BackColor="White" /&gt;
                          &lt;/ew:CalendarPopup&gt;
                          &amp;nbsp;
                          &lt;ew:TimePicker id="StartTime" runat="server" ControlDisplay="TextboxImage" Text="Change Time" 
                                  ImageUrl="~/Images/clock.gif" NumberOfColumns="4" Scrollable="True" Width="75px"&gt;
                              &lt;TimeStyle ForeColor="Blue" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;SelectedTimeStyle ForeColor="Blue" BackColor="Gray" /&gt;
                          &lt;/ew:TimePicker&gt;
                          &lt;p/&gt;&lt;b&gt;Contest End Date&lt;/b&gt;
                          &lt;br /&gt;
                          &lt;ew:CalendarPopup id="EndDate" runat="server" Text="Change Date" Width="75px" MonthYearArrowImageUrl="~/Images/monthchange.gif"
                              CalendarLocation="Left" ControlDisplay="TextBoxImage" ImageUrl="~/Images/calendar.gif" MonthYearPopupApplyText="Select"
                              CalendarWidth="150" UseExternalResource="True" ExternalResourcePath="~/Scripts/CalendarPopup.js" Nullable="False"&gt;
                              &lt;WeekdayStyle Font-Names="Arial" ForeColor="Black" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;MonthHeaderStyle Font-Size="9pt" Font-Names="Arial" Font-Bold="True" ForeColor="White" BackColor="#669AC1" /&gt;
                              &lt;OffMonthStyle ForeColor="Gray" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;GoToTodayStyle Font-Names="Arial" ForeColor="Black" BackColor="White"/&gt;
                              &lt;TodayDayStyle Font-Bold="True" ForeColor="#669AC1" BackColor="White" /&gt;
                              &lt;DayHeaderStyle Font-Size="9pt" Font-Names="Arial" Font-Bold="True" ForeColor="Blue" BackColor="White" /&gt;
                              &lt;WeekendStyle Font-Names="Arial" ForeColor="Blue" BackColor="LightGray" Font-Size="9pt" /&gt;
                              &lt;SelectedDateStyle Font-Bold="True" ForeColor="White" BackColor="#669AC1" Font-Size="9pt"/&gt;
                              &lt;HolidayStyle Font-Names="Arial" ForeColor="Black" BackColor="White" /&gt;
                          &lt;/ew:CalendarPopup&gt;
                          &amp;nbsp;
                          &lt;ew:TimePicker id="EndTime" runat="server" ControlDisplay="TextboxImage" Text="Change Time" 
                                  ImageUrl="~/Images/clock.gif" NumberOfColumns="4" Scrollable="True" Width="75px"&gt;
                              &lt;TimeStyle ForeColor="Blue" BackColor="White" Font-Size="9pt" /&gt;
                              &lt;SelectedTimeStyle ForeColor="Blue" BackColor="Gray" /&gt;
                          &lt;/ew:TimePicker&gt;
                      &lt;p /&gt;
                          &lt;asp:ImageButton ID="SaveContestButton" runat="server" AlternateText="Confirm" 
                          ImageUrl="~/Contest/Images/Confirm.png" onclick="SaveContestButton_Click" /&gt;
                  &lt;/asp:Panel&gt;
                  &lt;br /&gt;
                  &lt;asp:Label ID="MessageLabel" runat="server" /&gt;
                  &lt;/div&gt;
              &lt;/ContentTemplate&gt;
              &lt;Triggers&gt;
                  &lt;asp:AsyncPostBackTrigger ControlID="SaveContestButton" EventName="Click" /&gt;
              &lt;/Triggers&gt;
          &lt;/asp:UpdatePanel&gt;
      &lt;/div&gt;
      &lt;uc:UpdatePanelAnimationExtender ID="upae" BehaviorID="animation" runat="server" TargetControlID="AddEditContestUpdatePanel"&gt;
          &lt;Animations&gt;
              &lt;OnUpdating&gt;
                  &lt;Sequence&gt;
                      &lt;%-- Store the original height of the panel --%&gt;
                      &lt;ScriptAction Script="var b = $find('animation'); b._originalHeight = b._element.offsetHeight;" /&gt;
  
                      &lt;%-- Disable all the controls --%&gt;
                      &lt;Parallel duration="0"&gt;
                          &lt;EnableAction AnimationTarget="SaveDefaultDescriptionButton" Enabled="false" /&gt;
                      &lt;/Parallel&gt;
                      &lt;StyleAction Attribute="overflow" Value="hidden" /&gt;
  
                      &lt;%-- Do each of the selected effects --%&gt;
                      &lt;Parallel duration=".25" Fps="30"&gt;
                          &lt;FadeOut AnimationTarget="PanelContainer" minimumOpacity=".2" /&gt;
                          &lt;Resize Height="0px" /&gt;
                      &lt;/Parallel&gt;
                  &lt;/Sequence&gt;
              &lt;/OnUpdating&gt;
              &lt;OnUpdated&gt;
                  &lt;Sequence&gt;
                      &lt;%-- Do each of the selected effects --%&gt;
                      &lt;Parallel duration=".25" Fps="30"&gt;
                          &lt;FadeIn AnimationTarget="PanelContainer" minimumOpacity=".2" /&gt;
                          &lt;Length duration="2" fps="40" Property="style"  PropertyKey="height" 
                              StartValue="10"  EndValueScript="$get('animation').offsetHeight" 
                              AnimationTarget="animation" /&gt;
                          &lt;%--Also tried the below
                          &lt;Resize HeightScript="$find('animation')._originalHeight" /&gt;
                          --%&gt;
                      &lt;/Parallel&gt;
  
                      &lt;%-- Enable all the controls --%&gt;
                      &lt;Parallel duration="0"&gt;
                          &lt;EnableAction AnimationTarget="SaveDefaultDescriptionButton" Enabled="true" /&gt;
                      &lt;/Parallel&gt;                            
                  &lt;/Sequence&gt;
              &lt;/OnUpdated&gt;
          &lt;/Animations&gt;
      &lt;/uc:UpdatePanelAnimationExtender&gt;
  &lt;/div&gt;
  </code></pre>