How to make scaling animation effect using AnimationExtender Control in asp.net

InfoPath alternatives for form designing SharePoint

This post explains how to make scaling animation effect using
AnimationExtender control in asp.net.

the source page is as follows:

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

<head runat=”server”>

<title> Creating scaling effect using animation extender control </title>

<style type=”text/css”>

.c1

{

width:50px;

height:50px;

background-color:Green;

padding:15px;

}

</style>
</head>

<body>

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

<div>

<asp:ToolkitScriptManager runat=”server”>

</asp:ToolkitScriptManager>

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

<h3>Do Animate!!!</h3>

</asp:Panel>

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

<Animations>

<OnClick>

<Sequence>

<Scale ScaleFactor=”2″ Unit=”px” Center=”true” ScaleFont=”true” FontUnit=”pt” ></Scale>

</Sequence>

</OnClick>

</Animations>

</asp:AnimationExtender>

</div>

</form>

</body>

</html>

Similar SharePoint 2013 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