Tuesday, September 25, 2012

DropShadowExtender – Ajax Control

 

It is used to add a shadow for any control.

Code to add Shadow to an Image Control using DropShadowExtender :


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>DropShadow - Ajax Control</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<ajaxToolkit:ToolkitScriptManager ID="Sc1" runat="server">
</ajaxToolkit:ToolkitScriptManager>
<asp:Image ID="ImgDisplay" runat="server" ImageUrl="~/Images/3.jpeg"
Width="200" Height="200"/>
<ajaxToolkit:DropShadowExtender ID="DropShadowExtender1" runat="server"
TargetControlID="ImgDisplay" Rounded="true" Width="10">
</ajaxToolkit:DropShadowExtender>
</div>
</form>
</body>
</html>

Output :


DropShadow

No comments:

Post a Comment