Drop Shadow is an extender which applies a "Drop Shadow" to a Panel. It allows you to specify how wide the shadow is as well as how opaque it is, or if you would like rounded corners.


·         TargetControlID - The ID of control on which drop shadow will apply.

·         Width - The width, in pixels of the drop shadow.

·         Opacity - The opacity of the drop shadow, from 0 (fully transparent) to 1.0 (fully opaque).

·         Track Position - Whether the drop shadow should track the position of the panel it is attached to. Use this if the panel is absolutely positioned or will otherwise move.

·         Rounded - Set to true to set rounded corners on the target and the shadow.


 <%-- ScriptManager control manages client script for AJAX enabled ASP.NET pages.This enables partial-page rendering and Web-service calls.You have to used this if you want to use ajax control toolkit--%>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
<cc1:DropShadowExtender ID="DropShadowExtender1" runat="server" Radius="12"
TargetControlID="Panel1" Opacity="5" Radius="12" Rounded="True"
<asp:Panel ID="Panel1" runat="server" BackColor="BlueViolet" Width="300px">
<table align="center" class="style1">
<tr><td colspan="2">                       
<asp:Label ID="Label1" runat="server" Text="Logine Here"></asp:Label>
<td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td></tr>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
<td><asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Login" /></td></tr>


Run The Project:

When you run the project then drop shadow will show on the panel.


AjaxControl Toolkit DropShadowExtender in ASP.Net

  Modified On Mar-22-2018 07:21:04 AM

Leave Comment