How to create AJAX DropShadowExtender in ASP.NET?
In this article I have explained in detail about AJAX DropShadowExtender in ASP.NET. DropShadowExtender is similar like round corner extender extra add another one feature is shadow on the webpage . For example if we use panel in the Drop shadow extender that panel shadow is display on the web page.
Client side:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>AJAX Shadow Extender</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:DropShadowExtender ID="DropShadowExtender1" runat="server" TargetControlID="Panel1"
Rounded="true" Radius="30" Width="15">
</asp:DropShadowExtender>
<div align="center">
<asp:Panel ID="Panel1" runat="server" BackColor="#E8E7B4" Width="40%">
<table width="100%" align="center">
<tr>
<td colspan="2" height="30">
<b>Login Details</b>
</td>
</tr>
<tr>
<td height="30">
Enter User Name
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td height="30">
Enter Password
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server" TextMode="Password"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2" height="30" align="center">
<asp:Button ID="Button1" runat="server" Text="Sign In" />
</td>
</tr>
</table>
</asp:Panel>
</div>
</form>
</body>
</html>
Output
Source Code Detail:
Here with I have attached source code of AJAX DropShadowExtender example download and try to learn this concept.
Front End : ASP.NET
Conclusion:
I hope this article help to know AJAX DropShadowExtender.