locked
UpdatePanel Animation Extender RRS feed

  • Question

  • User215209755 posted

    I have an update panel for a form, the form has several cascading dropdowns that use postback to populate the next one.

    in the animation for OnUpdating and OnUpdated I have the background fade out then fade in; however, after the fadeout the panel postback occurs and the fadein never happens. does the postback interupt the animation sequence?

    				<ajx:UpdatePanelAnimationExtender ID="MyUpdatePanelAnimationExtender" runat="server" TargetControlID="UpdatePanel_Service" >
    					<Animations>
            <OnUpdating>
    		<Sequence>
    			<Parallel duration=".30" Fps="30">
    				<FadeOut AnimationTarget="UpdatePanel_Service" minimumOpacity=".25" />
    			</Parallel>
    		</Sequence>
    	   </OnUpdating>
            <OnUpdated>
    	   <Sequence>
    			<Parallel duration=".30" Fps="30">
    				<FadeIn AnimationTarget="UpdatePanel_Service" maximumOpacity="1.0" />
    			</Parallel>
    		</Sequence>
    		</OnUpdated>
    					</Animations>
    				</ajx:UpdatePanelAnimationExtender>

    Wednesday, December 30, 2015 1:06 PM

Answers

  • User61956409 posted

    Hi My$3rv1c3$0lut10n5#1,

    Is this caused by the UpdatePanel being inside a TabPanel?

    Firstly, you could try to put the UpdatePanel outside the TabPanel and test whether it will cause same issue.

    Secondly, if you could share us a sample that could reproduce your problem on our sides, then we will check the code to find the problem.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, January 4, 2016 9:31 AM

All replies

  • User61956409 posted

    Hi My$3rv1c3$0lut10n5#1,

    The following simple sample works fine on my side, you could refer to it.

    <style>
        #UpdatePanel_Service {
            background-color: lightblue;
        }
    </style>
    
    <asp:UpdatePanel ID="UpdatePanel_Service" runat="server">
        <ContentTemplate>
            <%=DateTime.Now.ToString() %>
            <br />
            Hello World
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="btnupdate" EventName="click" />
        </Triggers>
    </asp:UpdatePanel>
    <asp:Button ID="btnupdate" runat="server" Text="Update" />
    <asp:UpdatePanelAnimationExtender ID="MyUpdatePanelAnimationExtender" runat="server" TargetControlID="UpdatePanel_Service">
        <Animations>
            <OnUpdating>
    		<Sequence>
    			<Parallel duration=".50" Fps="30">
    				<FadeOut AnimationTarget="UpdatePanel_Service" minimumOpacity=".2" />
    			</Parallel>
    		</Sequence>
    	    </OnUpdating>
            <OnUpdated>
    	    <Sequence>
    			<Parallel duration=".50" Fps="30">
    				<FadeIn AnimationTarget="UpdatePanel_Service" maximumOpacity="1.0" />
                        <Color AnimationTarget="UpdatePanel_Service" PropertyKey="backgroundColor"
                            EndValue="#FF0000" StartValue="#40669A" />
    			</Parallel>                     
    		</Sequence>
    		</OnUpdated>
        </Animations>
    </asp:UpdatePanelAnimationExtender>
    

    Best Regards,

    Fei Han



    Thursday, December 31, 2015 3:07 AM
  • User215209755 posted

    My Update Panel is inside a TabPanel and the effect I am going for is to show the update progress panel by fading out the rest of the page.

    so when you click the button its like a modal popup that displays the spinner on updating and then on updated it fades the page back, but I think the process is interrupted by a panel postback and then nothing fades back in.

    Here is what happens:

    I click

    Page fades as Progress update appears

    Page flashes

    Progress update disappears

    nothing fades back in

    Is this caused by the UpdatePanel being inside a TabPanel?

    Sunday, January 3, 2016 10:08 PM
  • User61956409 posted

    Hi My$3rv1c3$0lut10n5#1,

    Is this caused by the UpdatePanel being inside a TabPanel?

    Firstly, you could try to put the UpdatePanel outside the TabPanel and test whether it will cause same issue.

    Secondly, if you could share us a sample that could reproduce your problem on our sides, then we will check the code to find the problem.

    Best Regards,

    Fei Han

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, January 4, 2016 9:31 AM