Ajax ASP.Net Tutorial

  1. Home
  2. ASP.Net Tutorial
  3. Ajax
  4. Using the UpdatePanelAnimation Control
<%@ Page Language="C#" %>
<%@ Register TagPrefix="ajax" Namespace="AjaxControlToolkit"
 Assembly="AjaxControlToolkit" %>
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    protected void btnSubmit_Click(object sender, EventArgs e)
    {
        System.Threading.Thread.Sleep(2000);
        lblSelectedColor.Text = txtFavoriteColor.Text;
    }



    Show UpdatePanel Animation


    
    

        
        <%-- First Update Panel --%>
        
        
                    id="lblFavoriteColor"
            Text="Enter Your Favorite Color:"
            Runat="server" />
                    id="txtFavoriteColor"
            Runat="server" />
                    id="btnSubmit"
            Text="Submit"
            Runat="server" OnClick="btnSubmit_Click" />
        
        
                    id="upae1"
            TargetControlID="up1"
            runat="server">
        
            
                            Duration="0.5"
                Fps="20"
                Property="style"
                PropertyKey="backgroundColor"
                StartValue="#FFFFFF"
                EndValue="#FFFF90" />
            
            
                            Duration="1"
                Fps="20"
                Property="style"
                PropertyKey="backgroundColor"
                StartValue="#FFFF90"
                EndValue="#FFFFFF" />
            
        
        
        <%-- Second Update Panel --%>
        
        
        You selected:
                    id="lblSelectedColor"
            Runat="server" />
        
        
                    id="UpdatePanelAnimationExtender1"
            TargetControlID="up2"
            runat="server">
        
            
                            Duration="0.5"
                Fps="20"
                Property="style"
                PropertyKey="backgroundColor"
                StartValue="#FFFFFF"
                EndValue="#FFFF90" />
            
            
                            Duration="3"
                Fps="20"
                Property="style"
                PropertyKey="backgroundColor"
                StartValue="#FFFF90"
                EndValue="#FFFFFF" />