Request a Quote | Call Us +1 305 403 0899

HOME PORTFOLIO SERVICES OUR CLIENTS ABOUT US NEWS CONTACT US

WEB DESIGN E-COMMERCE INTERNET MARKETING SOCIAL MEDIA

Website design Shopping cart software Search Engine Optimization Social media marketing
Custom web design Ecommerce website Search Engine Marketing Facebook for marketing
Web development Ecommerce solutions Website promotion Social bookmarking

Home
EN / How To / How to use Animation Extender from ASP.NET AJAX Control Toolkit

ES Search How To
HOW TO
PL

CH MAR. 11 HOW TO USE ANIMATION EXTENDER FROM ASP.NET AJAX

2011 CONTROL TOOLKIT
FR Search By Category: BY PAWEL ADMIN

ASP.NET (5) In this tutorial I'll show you how to use Animation Extender from ASP.NET AJAX Control Toolkit.
SQL (1)
C# (1)

Search Archives:

2011
In this tutorial I'll show you how to use Animation Extender from ASP.NET AJAX Control Toolkit. With this extender you can add to your projects
various effects such as fading in and out, resizing, changing color fluently or moving specified elements on your web site. Animations are
2010
played when an element, a button for example, rises event like OnClick.

With Animation Extender it's very easy to obtain interesting effects just by declaring xml animation markups, you don't have to write any
JavaScript code. You can also combine a few simple effects to create more sophisticated animation.

Step 1 - First of all you need AJAX Control Tollkit installed on your computer. If you don't have it yet you can find it in here:
http://www.asp.net/ajaxlibrary/act.ashx. There are clear instructions how to install it, so it won't be a problem.

Step 2 - After creating a new project you need to add reference to AJAX Control Toolkit. You can do so by adding following code to the top of
your aspx file.
<%@ Register <ajaxToolkit:Toolkit <asp:Panel <ajaxToolkit:Animati
assembly="AjaxContro ScriptManager ID="Panel1" onExtender

Then you need to add ToolkitScriptManager to your code. You have to do this within <form> tag.

Step 3 - Now you have to add a new Panel to your website. You can do this in Design Mode, dragging manually Panel Control from the
Toolbox. Then change color of your Panel - go to Propertis Window, select BackColor property and choose a color you like.

To add this Panel to your project you can just paste following code:

Step 4 - Applying animation effects to Panel. Underneath therea are 3 examples of animation effects. Fade out effect:

For next examples you can either repleace previous code for AnimationExtender with the new one or you can create new Panels
(remembering to change TargetControlID in AnimationExtender code). Resize effect:
 <ajaxToolkit:Animati <ajaxToolkit:Animati
onExtender onExtender

Change of color:

SIMILAR TOPICS
How to use WordPress How to create a website - Part 3 -
4/18/2011 - Wojtek Rózga JavaScript Basics
4/5/2011 - Wojtek Rózga
WordPress is a blogging platform
and CMS (Content Management In this tutorial series I will guide you
System) that is very popular and through every step of the way to
widely used nowadays. create your a website on your own.

How to create a website - Part 2 - CSS and How to create a website - Part 1 - Basic
HTML HTML
3/24/2011 - Wojtek Rózga 3/21/2011 - Wojtek Rózga

In this tutorial series I will guide you In this tutorial series I will guide you
through every step of the way to through every step of the way to
create your a website on your own. create your a website on your own.

How to create a website - Introduction How to create charts using Google Chart
Tools
3/14/2011 - Wojtek Rózga 3/11/2011 - Wojtek Rózga

The most popular language for In this tutorial I'll show you how to
creating web pages is HTML - use Google Chart Tools.
HyperText Markup Language.

Quick Links Web Design Ecommerce Internet Marketing Social Media

Small Biz Web Design Netro E-Commerce Solution What is SEO? Facebook for Business
Home
Netro CMS Solution Quickbooks Integration How Long Does SEO Take? Twitter for Business
Our Company
Web Design Pricing How to Start E-business How Much Does SEO Cost? YouTube for Business
Our Team
What Is a GOOD Website E-commerce Portfolio How Much Traffic Top of Google Get Facebook vs Google
Web Portfolio
Good vs Bad Web Design E-commerce Pricing Google Rank Fluctuations How to Make the Most of FB
Get a Quote

Americas Europe Other

169 E Flagler St Ste. 637 P: 1 305 403 0899 ul. Kwiatowa 14 / 3 P: (+48) 61 855-17-70 New York Chicago
Los Angeles Houston
Miami, FL 33131 sales@netrostar.com 61-881 Poznań biuro@netrostar.com
All Locations
Poland

Copyrights 2011 Netrostar. All Rights Reserved.