How to make fade out animation effect in asp.net using Ajax AnimationExtender Control?

InfoPath alternatives for form designing SharePoint

In This post I will expalin how to use animation effect using Ajax AnimationExtender control in asp.net.

The source page of the code is:

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head runat=”server”>

<title>AnimationExtender control Example</title>

<style type=”text/css”>

.c1

{

width:250px;

height:200px;

background-color:Aqua;

border:2px black;

padding:10px;

}

</style>

</head>

<body>

<form id=”form1″ runat=”server”>

<div>

<asp:ToolkitScriptManager runat=”server”>

</asp:ToolkitScriptManager>

//

target control for making fade out animation effect

<asp:Panel ID=”p1″ runat=”server” CssClass=”c1″>

I am going to fade out!

<asp:LinkButton ID=”lb1″ runat=”server” OnClientClick=”return false;”>FadeOut </asp:LinkButton>

</asp:Panel>

<asp:AnimationExtender ID=”ae1″ runat=”server” TargetControlID=”p1″>

<Animations>

<OnClick>

<FadeOut Duration=”10″ Fps=”40″></FadeOut>

</OnClick>

</Animations>

</div>

</asp:AnimationExtender>

</form>


</body>

</html>


You May Also like the Following SharePoint Online Tutorials:

About Bijay Kumar

I am Bijay from Odisha, India. Currently working in my own venture TSInfo Technologies in Bangalore, India. I am Microsoft Office Servers and Services (SharePoint) MVP (5 times). I works in SharePoint 2016/2013/2010, SharePoint Online Office 365 etc. Check out My MVP Profile.. I also run popular SharePoint web site SharePointSky.com

View all posts by Bijay Kumar →

Leave a Reply